/* Ventus Roleplay — layout matching the approved cinematic blue preview */
:root{--ventus-accent:#20b8fa;--blue-2:#008ce4;--bg:#030914;--surface:#08172c;--stroke:#1f496c}
body{background:#030914}
.top{background:rgba(2,9,20,.95)!important;border-bottom:1px solid #144a74!important;box-shadow:0 2px 24px #00152855}
.nav{min-height:74px}.brand{gap:9px;font-size:16px!important;line-height:1.07;font-weight:900;letter-spacing:.025em}.brand-icon{width:48px!important;height:48px!important}.brand small{font-size:10px!important;letter-spacing:.11em!important;color:#30c7ff!important;margin-top:3px}
.nav-links{gap:30px}.nav-links>a:not(.admin-link){padding:16px 0;border-bottom:2px solid transparent}.nav-links>a:not(.admin-link):hover,.nav-links>a.nav-home{border-color:#00b6ff;color:#e2f8ff}.nav-links .admin-link{padding:9px 19px!important;border-radius:12px!important;text-decoration:none!important;letter-spacing:.02em}
.hero{min-height:auto!important;display:block!important;padding:0!important;background:#07142c!important;position:relative;isolation:isolate}
.hero-skyline{position:absolute;inset:0;background:linear-gradient(180deg,#02102430 0%,#03132c70 40%,#020917 96%),url('./assets/night-city.svg') center center / cover no-repeat;opacity:1;z-index:-1}
.hero:before{background:linear-gradient(90deg,#031128a9,transparent 35%,transparent 65%,#03112899),linear-gradient(0deg,#030914 0%,transparent 35%)!important;z-index:0!important}
.hero .wrap.hero-inner{padding:68px 0 50px!important;position:relative;z-index:1}.hero-center{display:flex;align-items:center;flex-direction:column;text-align:center}
.hero-logo{position:static!important;width:150px!important;height:150px;aspect-ratio:1;object-fit:cover;opacity:1!important;filter:drop-shadow(0 0 22px #00a8ffb9);margin:0 auto 20px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}
.hero .pill{background:#031b30d8!important;border:1px solid #2b85bc!important;color:#90dfff!important;padding:7px 19px!important;font-size:11px!important}
.hero .wrap>h1,.hero .hero-center h1{font-size:clamp(45px,7vw,78px)!important;line-height:1.03!important;max-width:1050px!important;letter-spacing:-.045em!important;margin:17px 0 14px!important;font-weight:900}
.hero .hero-center h1 em{color:#30bfff!important;-webkit-text-fill-color:#30bfff;background:none!important;text-shadow:0 0 38px #0ea5ff70}
.hero .hero-center>p{max-width:680px!important;text-align:center!important;font-size:16px!important;color:#d8e8fa!important;line-height:1.7}
.hero .cta-row{justify-content:center;margin:23px 0 0}.hero .btn{min-width:164px;text-align:center;border-radius:11px!important;box-shadow:0 0 25px #007dce35}
.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:62px auto 0}.benefit-card{border:1px solid #25618d;background:linear-gradient(150deg,#061b36ea,#061328eb);border-radius:15px;padding:24px 18px;text-align:center;box-shadow:0 15px 40px #0006;backdrop-filter:blur(9px)}.benefit-icon{display:block;color:#27bdff;font-size:32px;line-height:1.2;text-shadow:0 0 18px #00b7ff77}.benefit-card h3{font-size:16px;margin:9px 0 5px}.benefit-card p{font-size:12px;line-height:1.65;color:#aecbdf;margin:0}
.hero .stats{margin:27px auto 0!important;max-width:750px!important;display:flex!important;justify-content:space-evenly;gap:20px;box-shadow:none!important;border:0!important;background:#031428b8!important;padding:15px 20px;border-radius:13px}.hero .stats b{font-size:22px;color:#eaf9ff}.hero .stats span{font-size:11px}
.section-eyebrow{font-size:11px;letter-spacing:.22em;color:#26c8ff;font-weight:800}.section .heading{font-weight:850}.feature{border:1px solid #2b76a7!important;background:linear-gradient(135deg,#0b2643,#07172b)!important}.feature h3{font-weight:800}.grid{grid-template-columns:minmax(210px,255px) minmax(0,1fr)!important;gap:26px!important}.side{padding:18px!important;border:1px solid #26618b!important}.filter.active{background:linear-gradient(95deg,#0571ab,#075082)!important;box-shadow:inset 0 0 0 1px #279bde}.rule{border-radius:11px!important}.rule[open]{border-color:#3281b3!important}.rtitle{font-weight:750}.rule summary{min-height:65px}.num{background:#103f66!important;color:#8adaff!important}.search{border:1px solid #2c6690!important}.penalty{border:1px solid #235578!important}.foot{background:#020813!important}
.admin-page{background:radial-gradient(circle at 85% 0%,#062b4a,transparent 48%),#030914!important}.admin-page .card{border:1px solid #2a648f!important}.admin-page .topline>strong img{filter:drop-shadow(0 0 10px #00b4ff66)}
@media(max-width:850px){.grid{grid-template-columns:1fr!important}.hero-benefits{gap:10px}.benefit-card{padding:17px 9px}.nav-links{gap:12px}.hero .wrap.hero-inner{padding:55px 0 34px!important}}
@media(max-width:580px){.hero-logo{width:115px!important;height:115px!important}.hero-benefits{grid-template-columns:1fr;margin-top:32px}.hero .stats{flex-wrap:wrap;justify-content:center}.hero .stats>div{min-width:90px}.hero .wrap.hero-inner{padding:42px 0 24px!important}.hero .hero-center h1{font-size:clamp(38px,10vw,55px)!important}.nav-links.open{background:#05152b!important}.hero .cta-row{flex-direction:column;width:100%}.hero .cta-row>a{width:100%}}