*{box-sizing:border-box}body{margin:0}a{text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}strong{font-weight:750}
/* MEDIAHUB_PUBLIC_PORTAL_V011 — self-hosted CSS, no trackers, fonts, scripts or inline styles */
.public-site{--accent:#6196ff;--accent-soft:#89b0ff;--ink:#ecf2fb;--surface:#111b2b;--line:#273952;--sub:#a7b6ca;background:#090f1b;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;margin:0;line-height:1.6}
.public-site.theme-mint{--accent:#35c9ad;--accent-soft:#8de6d0}.public-site.theme-violet{--accent:#b18cff;--accent-soft:#cbb1ff}.public-site.theme-amber{--accent:#ffa364;--accent-soft:#ffc58d}
.public-site a{color:#d1e2ff}.public-site h1,.public-site h2,.public-site h3{letter-spacing:-.045em;line-height:1.16}.public-site h1{font-size:clamp(2.5rem,5.4vw,5rem);margin:0 0 22px}.public-site h2{font-size:clamp(1.8rem,3.3vw,2.8rem);margin:0 0 14px}.public-site h3{font-size:1.22rem;margin:0 0 10px}.public-site p{margin:0 0 14px}.public-site .muted{color:var(--sub)}.public-site .eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--accent-soft);margin-bottom:14px}.site-shell{max-width:1480px;margin:0 auto;padding:0 clamp(20px,5vw,70px)}.site-nav,.portal-header{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:22px}.site-logo{color:#fff!important;text-decoration:none!important;font-size:1.35rem;font-weight:850;white-space:nowrap;letter-spacing:-.025em}.logo-mark{background:linear-gradient(140deg,var(--accent),#bbc7ff);width:35px;height:35px;display:inline-grid;place-items:center;border-radius:12px;color:#0b1322;margin-right:7px}.logo-suffix{font-size:.65rem;letter-spacing:.17em;color:#8397b5;font-weight:700;margin-left:8px}.site-nav-links,.portal-header nav{display:flex;gap:25px;align-items:center}.site-nav-links a,.portal-header nav a{font-weight:600;font-size:.86rem;text-decoration:none;color:#b8c7dc}.site-nav-links a:hover,.portal-header nav a:hover{color:#fff}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 21px;border-radius:10px;font-weight:750;font-size:.91rem;border:1px solid #4a6280;text-decoration:none!important;cursor:pointer;min-height:44px;background:#162337;color:#f7fbff;white-space:normal;text-align:center}.site-btn:hover{filter:brightness(1.13)}.site-btn.primary{background:var(--accent);color:#091522;border:1px solid var(--accent);box-shadow:0 8px 30px #3968bc27}.site-btn.ghost{background:#ffffff0b;border-color:#ffffff29;color:#ebf2ff}.site-btn.small{padding:7px 14px;min-height:36px;font-size:.81rem}.site-btn.full{width:100%}.site-btn.disabled{cursor:default;opacity:.62}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(25px,4vw,70px);padding:84px 0 116px;min-height:630px}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-weight:850;line-height:1.06}.accent-text{color:var(--accent-soft)}.hero-lead{font-size:1.11rem;color:#b4c3d6;max-width:590px;line-height:1.78}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-line{display:flex;align-items:center;gap:12px;margin-top:55px;color:#8299b7;font-size:.75rem;letter-spacing:.03em;flex-wrap:wrap}.trust-line i{width:3px;height:3px;background:#4f647f;border-radius:50%}.status-dot{display:inline-block;width:7px;height:7px;background:#53d8b7;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #53d8b7a8}.hero-art{position:relative;min-height:397px;border:1px solid #4a67836c;border-radius:20px;background:linear-gradient(148deg,#1a2e46,#0e1523 72%);box-shadow:0 40px 90px #0008,0 0 120px #3978c619;transform:perspective(900px) rotateY(-5deg)}.mock-top{height:42px;border-bottom:1px solid #4f658351;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:.57rem;letter-spacing:.1em;color:#91a8c7}.mock-top>span:last-child{color:#75d8b4}.mock-dots{color:#668ab0;font-size:.55rem;letter-spacing:.3em}.mock-content{display:flex;height:335px}.mock-side{width:67px;border-right:1px solid #44608062;padding:16px 16px}.mock-logo{color:#87adff;margin-bottom:31px;font-size:1.4rem}.mock-nav{height:9px;border-radius:9px;background:#3b5069;margin:17px 0;width:30px}.mock-nav.active{background:var(--accent)}.mock-nav.short{width:19px}.mock-main{flex:1;padding:28px 23px 20px;overflow:hidden}.mock-title{font-size:1.16rem;font-weight:750}.mock-sub{font-size:.66rem;color:#8ba0b8;margin:6px 0 18px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-kpi{padding:12px;border-radius:9px;border:1px solid #344e6a;background:#15283d;display:flex;flex-direction:column;gap:6px}.mock-kpi span{font-size:.54rem;letter-spacing:.14em;color:#a4b7d3}.mock-kpi strong{font-size:1.8rem;color:var(--accent-soft);line-height:1}.mock-kpi small{font-size:.55rem;color:#8499b4}.mock-chart{margin-top:17px;height:91px;background:linear-gradient(180deg,#1c3448cc,#112133);border:1px solid #304764;border-radius:8px;display:flex;align-items:end;gap:9px;padding:10px 14px}.bar{flex:1;background:linear-gradient(180deg,var(--accent),#2a6196);min-width:5px;border-radius:4px 4px 0 0;opacity:.9}.b1{height:30%}.b2{height:52%}.b3{height:40%}.b4{height:67%}.b5{height:45%}.b6{height:78%}.b7{height:60%}.b8{height:85%}.b9{height:70%}.b10{height:95%}.mock-float{position:absolute;right:-24px;bottom:-25px;padding:13px 18px;display:flex;gap:14px;align-items:center;background:#213750;border:1px solid #506b8a;border-radius:12px;box-shadow:0 18px 33px #0006}.mock-float>span{width:32px;height:32px;display:grid;place-items:center;background:#154d47;color:#80ecc6;border-radius:8px}.mock-float b,.mock-float small{display:block;font-size:.73rem}.mock-float small{color:#9eb0c4;margin-top:2px}.feature-section{padding:26px 0 106px}.section-head{max-width:620px;margin-bottom:34px}.section-head>p:not(.eyebrow){color:#9caec7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:29px;background:linear-gradient(165deg,#142237,#101a2b);border:1px solid #2a3c54;border-radius:15px;transition:transform .2s,border .2s}.feature-card:hover{transform:translateY(-3px);border-color:#6285bc}.feature-card p{font-size:.87rem;color:#9bacc3;line-height:1.7}.feature-icon{font-size:1.4rem;color:var(--accent-soft);background:#2b436153;height:49px;width:49px;display:grid;place-items:center;border-radius:12px;margin-bottom:20px}.steps{padding:58px 0 96px;border-top:1px solid #2c3e54;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.steps>div>p:last-child{color:#abbdd2;max-width:410px}.steps ol{list-style:none;margin:0;padding:0}.steps li{padding:20px 0 20px 44px;border-bottom:1px solid #304158;position:relative}.steps li:before{content:counter(list-item);position:absolute;left:0;top:25px;background:#304864;color:var(--accent-soft);border-radius:7px;width:27px;height:27px;display:grid;place-items:center;font-weight:700;font-size:.75rem}.steps li b,.steps li span{display:block}.steps li span{color:#92a7c0;font-size:.86rem;margin-top:4px}.bottom-cta{text-align:center;padding:70px 25px 83px;border:1px solid #375474;background:radial-gradient(ellipse at 50% 0%,#294a72a8,#101c2d 65%);border-radius:23px}.bottom-cta p{color:#abbed3}.bottom-cta .hero-actions{justify-content:center}.site-footer{padding:28px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#8198b1}.site-footer>span:first-child{font-weight:800;color:#d8e6f5}.site-footer small{font-weight:400;margin-left:7px}.portal-page{display:grid;place-items:center;padding:30px 18px}.auth-wrap{width:min(100%,465px)}.auth-wrap>.site-logo{display:block;text-align:center;margin-bottom:24px}.auth-card{background:#131e30;border:1px solid #324760;border-radius:17px;padding:38px;box-shadow:0 30px 70px #0005}.auth-card h1{font-size:2.15rem;line-height:1.18}.auth-card p.muted{font-size:.89rem}.public-site label{display:block;margin:18px 0 8px;color:#c7d6e7;font-weight:650;font-size:.84rem}.public-site input,.public-site textarea,.public-site select{width:100%;display:block;margin-top:7px;background:#0b1422;color:#f3f6fd;border:1px solid #425872;border-radius:9px;padding:12px 14px;font:inherit}.auth-card .site-btn{margin-top:20px}.helper{font-size:.78rem;color:#90a5c0;margin-top:23px!important}.auth-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:.78rem;margin:22px 0}.form-error{padding:12px 15px;background:#622d3a;color:#ffd1d8;border-radius:8px;border:1px solid #a8495a;margin:16px 0}.portal-shell{max-width:1180px;margin:0 auto;padding:0 25px}.portal-header{border-bottom:1px solid #273a51}.portal-header nav{gap:20px}.portal-header form{margin:0}.portal-main{padding:55px 0 80px}.portal-main.narrow{max-width:780px}.portal-main h1{font-size:clamp(2rem,4.3vw,3.2rem)}.portal-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.portal-intro p.muted{margin:0}.status-badge{font-size:.8rem;font-weight:750;border-radius:20px;padding:8px 13px;white-space:nowrap}.status-active{background:#173f35;color:#8bf3bc}.status-warn{background:#654636;color:#ffd097}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px}.portal-card,.portal-panel{background:#131e2f;border:1px solid #2c415c;border-radius:14px;padding:24px}.portal-card>span,.portal-card>b,.portal-card>small{display:block}.portal-card>span{font-size:.69rem;letter-spacing:.1em;color:#9bafc7;font-weight:800}.portal-card>b{font-size:1.4rem;line-height:1.3;word-break:break-word;margin-top:11px}.portal-card>small{font-size:.73rem;color:#96a9c0;margin-top:6px}.portal-panel{margin-bottom:22px}.portal-panel h2{font-size:1.5rem;margin:0 0 19px}.connection-item{border-top:1px solid #334963;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.server-name{font-size:1rem;font-weight:750}.mini-tag{font-size:.64rem;letter-spacing:.05em;border-radius:5px;padding:3px 6px;margin-left:6px;background:#324663;color:#d5e8ff}.connection-item p{font-size:.78rem;margin:5px 0 0}.small-print{font-size:.72rem;color:#879aaf;margin:9px 0}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:21px}.portal-two .portal-panel{margin:0}.portal-two form{margin-top:10px}.portal-two .site-btn{margin-top:10px}.store-content{min-height:70vh;padding:78px 0 92px}.store-content>h1{font-size:clamp(2.8rem,5vw,4.7rem)}.store-tagline{font-size:1.4rem;color:#c5d4e6}.store-description{font-size:1rem;color:#a8bcd3;max-width:780px;white-space:pre-wrap;overflow-wrap:anywhere}.store-content>.section-head{margin-top:90px}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:17px}.offer-card{border-radius:17px;border:1px solid #34506f;background:linear-gradient(145deg,#172941,#111e30);padding:30px}.offer-card .muted{font-size:.85rem;min-height:47px}.offer-price{font-size:2rem;font-weight:800;margin:29px 0}.offer-price small{font-size:.73rem;display:block;color:#adc0d7;font-weight:450}.store-footnote{color:#8a9fb9;font-size:.76rem;margin:26px 0}
@media(max-width:1070px){.hero{grid-template-columns:1fr;min-height:0;padding:55px 0 100px}.hero-copy{max-width:760px}.hero-art{width:min(100%,650px);margin:0 auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.portal-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-nav,.portal-header{min-height:82px;align-items:flex-start;padding:20px 0;flex-direction:column}.site-nav-links,.portal-header nav{width:100%;gap:12px;flex-wrap:wrap}.site-nav-links>a:not(.site-btn){font-size:.77rem}.hero{padding:55px 0 65px}.hero h1{font-size:2.6rem}.hero-art{min-height:350px;transform:none}.mock-content{height:305px}.mock-kpi{padding:8px}.mock-kpi small{display:none}.mock-float{right:5px}.trust-line{margin-top:30px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.steps{grid-template-columns:1fr;gap:20px}.bottom-cta{padding:55px 18px}.site-footer{flex-direction:column}.auth-card{padding:25px}.portal-intro{align-items:flex-start;flex-direction:column}.portal-metrics,.portal-two{grid-template-columns:1fr}.connection-item{align-items:flex-start;flex-direction:column}.portal-main{padding-top:40px}}