/* VENTUS ROLEPLAY — DEFINITIEVE NEON-TEMPLATE | los van Supabase-data */
:root{--ventus-accent:#00bbff;--bg:#020813;--surface:#07172c;--surface2:#0a203b;--stroke:#174b75;--white:#f4fbff;--muted:#b0c9e2;--purple:#23bfff;--blue-2:#047cda}
html{scroll-padding-top:88px}body{background:linear-gradient(180deg,#06152d,#020813 28%,#06142a 80%,#020813);color:#f4fbff}
.wrap,.container{width:min(var(--ui-content-width,1380px),calc(100% - 44px));max-width:1380px}
.top{background:#020d1eee!important;border-bottom:1px solid #0c4777!important;box-shadow:0 1px 22px #0064a53d}
.top .nav{min-height:var(--ui-nav,76px)!important}.brand{font-size:17px!important;letter-spacing:.01em;font-weight:950!important}.brand-icon{background:transparent!important;box-shadow:none!important;width:49px!important;height:49px!important}.brand-icon img{width:100%;height:100%;object-fit:contain}.brand small{color:#13c9ff!important;font-size:11px!important;letter-spacing:.1em!important}.nav-links{gap:24px}.nav-links>a{font-size:13px}.nav-links a:hover{color:#6bdfff}.admin-link{background:linear-gradient(140deg,#05365c,#092344)!important;border:1px solid #1fb8ff!important;box-shadow:0 0 16px #00afff55;padding:10px 18px!important;border-radius:12px;text-decoration:none!important;color:#f3fbff}
#start.hero{background:#05142e!important;border-bottom:0!important;overflow:hidden;min-height:780px}
#start .hero-skyline{background:linear-gradient(180deg,#0410243b 0%,#06142b30 22%,#020813dd 76%,#020813 100%),url('./assets/night-city.svg') center 37% /cover no-repeat!important;opacity:1!important}
#start .wrap.hero-inner{padding:43px 0 55px!important}#start .brand-feature{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;min-height:151px}#start .hero-logo{width:var(--ui-hero-logo,148px)!important;height:auto!important;max-height:190px;clip-path:none!important;object-fit:contain;filter:drop-shadow(0 0 20px #169affbb)}
#start .pill{font-size:11px!important;color:#a3eaff!important;background:#003257ad!important;letter-spacing:.23em;border:1px solid #087bad!important;margin-top:4px}
#start .hero-center h1{font-size:clamp(46px,6vw,var(--ui-hero-title,84px))!important;line-height:.99!important;margin:16px 0 4px!important;letter-spacing:.045em!important;font-style:italic;text-shadow:0 5px 25px #000b}#start .hero-center h1 em{font-weight:950;letter-spacing:.04em!important;color:#0ac3ff!important;text-shadow:0 0 20px #00a8ff8c!important;font-style:italic}
.hero-welcome{font-size:clamp(16px,2.1vw,26px);letter-spacing:.18em;margin:16px 0 0;font-weight:900}#start .hero-center>p{max-width:620px!important;line-height:1.65!important;font-size:var(--ui-body-text,15px)!important;margin:7px 0 0;color:#d2e4f5!important}
#start .cta-row{gap:15px!important;margin-top:20px!important}.btn,#start .btn{border-radius:9px!important;font-size:var(--ui-button,15px)!important;padding:12px 22px!important;font-weight:800;box-shadow:inset 0 0 0 1px #3f9dda,0 0 23px #0076d250}.btn:not(.secondary),#start .btn:not(.secondary){background:linear-gradient(90deg,var(--ventus-accent),#0373da)!important;color:#fff!important}.btn.secondary,#start .btn.secondary{background:#051b34bf!important;border:1px solid #8fbfe9!important;box-shadow:0 0 0 1px #041b32!important}.btn:hover{filter:brightness(1.16)}
#start .hero-benefits{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin-top:58px!important}#start .benefit-card{display:flex;flex-direction:column;justify-content:center;padding:19px 11px!important;min-height:148px;border-radius:12px;border:1px solid #215784!important;background:linear-gradient(150deg,#082344dd,#06142acb)!important;text-decoration:none;transition:.15s transform,.15s border-color;box-shadow:inset 0 1px #ffffff12,0 15px 32px #0006}#start .benefit-card:hover{transform:translateY(-4px);border-color:#16bcff!important}#start .benefit-icon{font-size:34px!important;color:#12bdff}#start .benefit-card h3{font-size:16px!important;margin:8px 0 4px}#start .benefit-card p{font-size:11px!important;line-height:1.45!important;color:#b5d6ed!important}#start .stats{max-width:650px!important;margin-top:27px!important;background:#031226ad!important;border:1px solid #214d78!important;padding:12px!important}#start .stats b{color:#fff}
.section{padding:var(--ui-section-gap,68px) 0!important}.section .heading{letter-spacing:-.025em;font-weight:900;color:#f0f8ff}.section-eyebrow{color:#0abfff}.section .sub{color:#a9c7e0}.neon-info{background:linear-gradient(180deg,#030d1e,#05172e);padding-top:45px!important}.neon-info-title{text-align:center}.neon-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:23px}.neon-info-card{background:linear-gradient(160deg,#092543,#06172d);border:1px solid #216d9a;border-radius:13px;padding:22px;text-align:center;box-shadow:0 0 28px #008dff17}.neon-info-icon{font-size:30px;color:#16c2ff}.neon-info-card h3{margin:6px 0;font-size:17px}.neon-info-card p{color:#b7d0e2;font-size:13px;min-height:48px}.neon-info-card a{display:inline-block;color:#60d9ff;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.neon-server-status{text-align:center;color:#8cb1cc;font-size:12px;margin:20px 0 0}
#regels{background:#031127}.grid{grid-template-columns:var(--ui-sidebar-width,260px) minmax(0,1fr)!important}.side,.feature,.rule,.penalty,.intro,.staffteam-card{background:linear-gradient(145deg,#061b33,#071329)!important;border:1px solid #22557d!important;box-shadow:0 5px 24px #0004}.filter.active{background:linear-gradient(90deg,#0673b5,#064271)!important}.rule[open]{border-color:#25aaf0!important}.rule summary:hover{background:#0d2c4a}.num{color:#59d5ff!important;background:#09436d!important}.rtitle,.feature h3{color:#f2f9ff}.search{background:#061c35;border-color:#2573a5}.penalty small{color:#47d0ff}.rulehead{align-items:end}.neon-connect{padding:33px 0!important;background:#031021}.neon-connect-inner{background:linear-gradient(100deg,#082644,#06172e);border:1px solid #1c628f;border-radius:15px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px}.neon-connect h2{font-size:23px;margin:0}.neon-connect p{color:#adcce3;max-width:560px;margin:0}.neon-connect a{white-space:nowrap}.foot{border-top:1px solid #1c5684!important;color:#bbd9ed}
.admin-page{background:radial-gradient(ellipse at 75% 2%,#05325875,transparent 55%),#030914!important;color:#f4fbff!important}.admin-page .card,.admin-page .tile{background:linear-gradient(140deg,#0a2441,#09172e)!important;border-color:#27618d!important;box-shadow:0 12px 30px #0005}.admin-page header{background:#06172c;border-bottom:1px solid #21628d!important}.admin-page h1,.admin-page h2{color:#f5fbff}.admin-page button:not(.danger):not(.secondary){background:linear-gradient(115deg,#048dde,#18bdff)!important;color:#fff!important}.admin-page .admin-tabs>button{background:#0c2545!important;color:#d5ebff!important;border:1px solid #28618a!important}.admin-page .admin-tabs>button[aria-selected=true]{background:linear-gradient(90deg,#065898,#087dcd)!important;color:white!important}.admin-page input,.admin-page textarea,.admin-page select{background:#051527;border-color:#386b98;color:#eaf7ff}.admin-page .card p{color:#b1cde2}
@media(max-width:1150px){#start .hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}.neon-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.grid{grid-template-columns:1fr!important}.nav-links.open{background:#041328!important;border:1px solid #135481}.neon-connect-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:580px){.wrap,.container{width:min(100% - 24px,1380px)}#start .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:33px!important}#start .benefit-card{min-height:126px;padding:13px 9px!important}#start .brand-feature{gap:6px}#start .hero-logo{max-width:140px}#start .hero-center h1{font-size:44px!important}.hero-welcome{font-size:14px;letter-spacing:.11em}#start .hero-center>p{font-size:13px!important}#start .stats{flex-wrap:wrap!important}.neon-server-grid{grid-template-columns:1fr}.neon-connect-inner{padding:18px}.neon-connect a{width:100%;text-align:center}}