:root { --public-header-height: 76px; }

.nd-public-header.main-header {
    position: fixed !important; inset: 0 0 auto !important; z-index: 1000 !important;
    width: 100% !important; min-height: var(--public-header-height) !important;
    padding: 8px clamp(18px,3vw,40px) !important; display:flex !important;
    flex-direction:row !important; align-items:center !important; justify-content:space-between !important;
    gap:20px !important; background:rgba(5,7,26,.94) !important;
    border-bottom:1px solid rgba(0,217,255,.18) !important; box-shadow:0 8px 30px rgba(0,0,0,.2) !important;
    backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-sizing:border-box !important;
}
.nd-public-header * { box-sizing:border-box; }
.nd-public-brand { display:inline-flex; align-items:center; flex:0 0 auto; margin:0 !important; text-decoration:none; }
.nd-public-brand img { display:block; width:190px !important; height:58px !important; object-fit:contain; object-position:left center; }
.nd-public-header nav { margin-left:auto; }
.nd-public-links { display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; }
.nd-public-links a { display:inline-flex; align-items:center; min-height:38px; padding:9px 11px; border:1px solid transparent; border-radius:8px; color:rgba(255,255,255,.74); font:600 13px/1.2 'Rajdhani',system-ui,sans-serif; letter-spacing:.03em; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.nd-public-links a:hover,.nd-public-links a.active { color:#5be8ff; background:rgba(91,232,255,.08); border-color:rgba(91,232,255,.2); }
.nd-public-links .nd-login { margin-left:4px; color:#fff; border-color:rgba(91,232,255,.45); background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(139,92,246,.22)); }
.nd-menu-toggle { display:none; width:44px; height:44px; align-items:center; justify-content:center; flex:0 0 44px; margin-left:auto; border:1px solid rgba(91,232,255,.32); border-radius:8px; background:rgba(255,255,255,.05); color:#fff; font-size:19px; cursor:pointer; }
.nd-feature-toggle { display:none; }
.nd-section-nav { position:fixed; z-index:900; left:18px; top:50%; transform:translateY(-50%); display:grid; gap:5px; padding:8px; border:1px solid rgba(91,232,255,.17); border-radius:10px; background:rgba(5,7,26,.9); box-shadow:0 14px 30px rgba(0,0,0,.28); backdrop-filter:blur(12px); }
.nd-section-nav a { padding:7px 9px; border-radius:6px; color:rgba(255,255,255,.62); font:700 11px 'Rajdhani',system-ui,sans-serif; text-decoration:none; }
.nd-section-nav a:hover,.nd-section-nav a.active { color:#5be8ff; background:rgba(91,232,255,.09); }

@keyframes ndFadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:no-preference){
    .portfolio-hero .hero-inner,.hosting-header>*,.content-card { animation:ndFadeUp .55s ease both; }
    .project-card,.plan-card,.streamer-card { animation:ndFadeUp .5s ease both; }
    .project-card:nth-child(2),.plan-card:nth-child(2),.streamer-card:nth-child(2){animation-delay:.06s}
    .project-card:nth-child(3),.plan-card:nth-child(3),.streamer-card:nth-child(3){animation-delay:.12s}
}
@media(min-width:768px) and (hover:hover){
    .project-card,.plan-card,.streamer-card,.content-card,.feature-item { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
    .project-card:hover,.plan-card:hover,.streamer-card:hover,.content-card:hover,.feature-item:hover { transform:translateY(-3px); }
}

@media(max-width:767px){
    :root { --public-header-height:64px; }
    html.nd-menu-open,body.nd-menu-open { overflow:hidden !important; }
    .nd-public-header.main-header { height:64px !important; min-height:64px !important; padding:7px 18px !important; gap:10px !important; }
    .nd-public-brand img { width:142px !important; height:44px !important; }
    .nd-menu-toggle { display:inline-flex; }
    .nd-public-header nav { position:fixed !important; inset:64px 0 auto !important; display:block !important; max-height:0; margin:0 !important; padding:0 18px !important; overflow:hidden; visibility:hidden; opacity:0; background:rgba(5,7,22,.985); border-bottom:1px solid rgba(91,232,255,.18); box-shadow:0 18px 34px rgba(0,0,0,.44); transition:max-height .25s ease,opacity .2s ease,visibility .2s ease,padding .25s ease; }
    .nd-public-header.menu-open nav { max-height:calc(100dvh - 64px); padding-block:12px 20px !important; overflow-y:auto; visibility:visible; opacity:1; }
    .nd-public-links { display:grid !important; gap:4px !important; width:100%; }
    .nd-public-links li,.nd-public-links a { width:100%; }
    .nd-public-links a { padding:13px 12px; font-size:13px; }
    .nd-public-links .nd-login { justify-content:center; margin:6px 0 0; }

    body { max-width:100%; padding-top:64px; }
    main,section,.container,.wrapper,.inner,.main-content,.content-card { max-width:100%; }
    h1,.page-title,.major { overflow-wrap:anywhere; }
    .hosting-header { margin-top:0 !important; padding:48px 20px 28px !important; }
    .hosting-header h1 { font-size:clamp(2rem,10vw,3rem) !important; overflow-wrap:anywhere; }
    .hosting-header .subtitle { font-size:clamp(1.05rem,4.8vw,1.2rem) !important; line-height:1.45 !important; }
    .hosting-header .tagline,.trust-badge { height:auto !important; min-height:0 !important; white-space:normal !important; overflow-wrap:anywhere; }
    .about-hero { margin-top:0 !important; padding:48px 20px !important; grid-template-columns:1fr !important; }
    .about-hero h1 { font-size:clamp(2.25rem,11vw,3.2rem) !important; }
    .main-content { padding:40px 18px !important; }
    .content-card { width:100% !important; padding:24px 20px !important; }
    .portfolio-hero { min-height:0 !important; height:auto !important; padding:48px 18px 44px !important; align-content:start !important; }
    .portfolio-hero h1,.page-title { font-size:clamp(2.2rem,11vw,3.2rem) !important; }
    .streamers-grid,.plans-container,.features-grid { min-width:0 !important; }
    .plan-card,.project-card,.streamer-card { min-width:0 !important; }
    .plan-card.nd-features-collapsed .plan-features>:nth-child(n+5) { display:none !important; }
    .plan-card.nd-features-collapsed .plan-features:not(ul)>:nth-child(n+4) { display:none !important; }
    .nd-feature-toggle { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; margin:4px 0 16px; border:1px solid rgba(91,232,255,.24); border-radius:7px; background:rgba(91,232,255,.06); color:#5be8ff; font:700 13px 'Rajdhani',system-ui,sans-serif; cursor:pointer; }
    .contact-social a { min-height:64px !important; padding:14px 16px !important; font-size:16px !important; }
    .contact-social a i { font-size:22px !important; }
    .nd-section-nav { position:sticky; top:64px; left:auto; transform:none; display:flex; width:100%; overflow-x:auto; gap:4px; padding:7px 14px; border-width:0 0 1px; border-radius:0; scrollbar-width:none; }
    .nd-section-nav::-webkit-scrollbar{display:none}.nd-section-nav a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;padding:8px 10px;font-size:12px}
    table { max-width:100%; }
    .discord-float { right:14px !important; bottom:max(14px,env(safe-area-inset-bottom)) !important; width:48px !important; height:48px !important; min-height:48px !important; padding:0 !important; justify-content:center !important; border-radius:50% !important; }
    .discord-float span { display:none !important; }
    footer,.main-footer { padding-bottom:84px !important; }
    img,video,iframe,canvas,svg { max-width:100%; }
}

@media(max-width:340px){ .nd-public-header.main-header { padding-inline:14px !important; } .nd-public-brand img { width:128px !important; } }