:root{--bg:#030a15;--surface:#09182b;--surface2:#0b2238;--stroke:#1b4465;--white:#edf8ff;--muted:#9bb9d0;--purple:#26b7ff;--teal:#19d9f7;--card:#0a1b2e;--line:#214a68;color-scheme:dark}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 74% 6%,#073c65 0,transparent 38%),radial-gradient(ellipse at 0 35%,#071d39 0,transparent 40%),#030a15;color:#edf8ff;font-family:Inter,'Segoe UI',system-ui,sans-serif}
.top{background:rgba(3,12,25,.9);border-bottom:1px solid #205075;box-shadow:0 10px 40px #0005}.brand{font-size:1.12rem;letter-spacing:.045em}.brand small{color:#50caff;letter-spacing:.17em;font-size:.62rem;display:block}.brand-icon{padding:0!important;background:none!important;border-radius:0!important;overflow:hidden;width:55px!important;height:55px!important;display:flex!important;align-items:center;justify-content:center;box-shadow:none!important}.brand-icon img{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,94% 25%,94% 74%,50% 100%,6% 74%,6% 25%);filter:drop-shadow(0 0 12px #07b1ff66)}.nav-links .admin-link,.btn:not(.secondary){background:linear-gradient(120deg,#0077c9,#09b9ff)!important;color:#fff!important;border:1px solid #32d2ff!important;box-shadow:0 0 26px #079bff55}.nav-links a:hover{color:#63d0ff}.hero{min-height:630px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:92px 0 110px;background:radial-gradient(circle at 84% 20%,#115e8e7a,transparent 39%),linear-gradient(110deg,#041123 6%,#061b35da 55%,#061d31 100%)}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 74px,#6fcaf707 75px 76px),linear-gradient(0deg,#030a15 0%,transparent 50%);pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero .wrap>h1{font-size:clamp(3.1rem,6.6vw,6.4rem);line-height:1.03;letter-spacing:-.055em;max-width:850px;margin:20px 0 25px}.hero h1 em{background:linear-gradient(100deg,#f9fdff,#34cbff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.hero p{color:#c4d9e9;max-width:710px;font-size:1.12rem}.hero .pill{background:#022846;border:1px solid #258acc;color:#82dfff;letter-spacing:.13em}.hero .stats{border:1px solid #24608a;background:#03172bbd;backdrop-filter:blur(18px);max-width:800px;box-shadow:0 18px 50px #0004}.hero-logo{position:absolute;right:4%;top:13%;width:clamp(170px,24vw,340px);aspect-ratio:1;object-fit:cover;clip-path:polygon(50% 0,94% 25%,94% 74%,50% 100%,6% 74%,6% 25%);opacity:.66;filter:drop-shadow(0 0 28px #07b0ff);pointer-events:none}.section{position:relative}.section:nth-of-type(even){background:#04102370}.heading{letter-spacing:-.035em}.feature,.side,.intro,.penalties>*,.alert,.rule,.article,details{border-color:#1f4567!important;background:#08192de8!important;box-shadow:0 15px 36px #0002}.feature{background:linear-gradient(120deg,#092c4e,#08172b)!important}.search{border-color:#356989;background:#071629}.search:focus-within{outline:2px solid #20bfff}.btn.secondary{background:#0a223b;border:1px solid #2d89be;color:#cbefff}.cta-row a:hover,.nav-links a:hover{transform:translateY(-2px)}.foot{border-top:1px solid #205075;background:#020815}.lux-overline{font-size:.75rem;letter-spacing:.2em;color:#51ccff;text-transform:uppercase;font-weight:800}.lux-banner{margin:50px 0 0;display:flex;gap:18px;align-items:center;max-width:800px;color:#b9d7e9}.lux-banner span{background:#0b2744;border:1px solid #2174a7;padding:12px 18px;border-radius:14px}.lux-banner strong{color:white}.logo-medallion{width:104px;height:104px;object-fit:cover;clip-path:polygon(50% 0,94% 25%,94% 74%,50% 100%,6% 74%,6% 25%)}
/* Dashboard */
body.admin-page{background:radial-gradient(circle at 60% 4%,#073b5a,#030a15 52%)}.admin-page header{background:#061326d9;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.admin-page .card{background:linear-gradient(145deg,#0c2339,#081727);border:1px solid #225377;border-radius:20px;box-shadow:0 18px 55px #0003}.admin-page button{background:linear-gradient(120deg,#057ac1,#16baff);color:white}.admin-page button.secondary{background:#123453;border:1px solid #315778}.admin-page button.danger{background:#a82f52}.admin-page input,.admin-page textarea,.admin-page select{border-color:#345c79;background:#061528}.admin-page input:focus,.admin-page textarea:focus,.admin-page select:focus{outline:2px solid #13b5fa}.admin-page .badge{background:#0b3754;color:#7bd6ff}.admin-page a{color:#8ddfff}.admin-page .topline>strong{display:flex;align-items:center;gap:10px}.admin-page .topline>strong img{height:42px;width:42px;object-fit:cover;clip-path:polygon(50% 0,94% 25%,94% 74%,50% 100%,6% 74%,6% 25%)}.dashboard-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.tile{padding:20px;border-radius:16px;background:linear-gradient(145deg,#0b2d48,#09182d);border:1px solid #245579}.tile small{display:block;color:#aad0e8}.tile strong{display:block;font-size:1.8rem;margin:6px 0}.admin-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.admin-tabs button{background:#09263f!important;border:1px solid #23567c!important}.admin-tabs button[aria-selected=true]{background:#007abf!important;box-shadow:0 0 20px #009fff44}.member-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #244563;padding:16px 0}.member-line:last-child{border:0}.member-line small{display:block;color:#9cb6ce}.member-tag{display:inline-block;padding:4px 10px;border:1px solid #1a7eb1;background:#093652;border-radius:30px;color:#9ddfff;font-size:.78rem}.admin-logo-block{display:flex;gap:20px;align-items:center;margin-bottom:20px}.admin-logo-block img{width:110px;height:110px;object-fit:cover;clip-path:polygon(50% 0,94% 25%,94% 74%,50% 100%,6% 74%,6% 25%)}.admin-logo-block h1{margin:0}
@media(max-width:850px){.hero-logo{width:170px;top:6%;right:-35px;opacity:.16}.hero{min-height:550px}.dashboard-tiles{grid-template-columns:1fr}.lux-banner{flex-direction:column;align-items:flex-start}}@media(max-width:580px){.hero .wrap>h1{font-size:clamp(2.7rem,11vw,4rem)}.hero{padding:75px 0}.member-line{align-items:flex-start;flex-direction:column}.admin-page .container{width:calc(100% - 24px)}}

/* Website-instellingen: aanpasbare accentkleur en beheerpaneel */
:root{--ventus-accent:#26b7ff}
body .nav-links .admin-link,body .btn:not(.secondary){background:linear-gradient(120deg,#07558a,var(--ventus-accent))!important;border-color:var(--ventus-accent)!important}
body .hero h1 em{background:linear-gradient(100deg,#ffffff,var(--ventus-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
body .hero .pill{border-color:var(--ventus-accent)}
.settings-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:22px 0}
.settings-group{border:1px solid #285477;border-radius:15px;padding:20px;min-width:0;background:#0616298f}
.settings-group legend{padding:0 9px;color:#71d8ff;font-weight:750;font-size:1.05rem}
.settings-field{margin-bottom:14px}.settings-field label{font-size:.88rem;color:#c7def1;margin-bottom:5px}.settings-field textarea{min-height:100px}
.settings-field input[type=color]{height:54px;max-width:140px;padding:6px;cursor:pointer}
.settings-preview{display:inline-block;padding:10px 15px;border:1px solid #3a759e;border-radius:9px;color:#dcefff}
.hidden{display:none!important}

/* Ventus Studio: beheer logo's en knoppen */
.custom-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px auto 30px}
.custom-link{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:750;border:1px solid #30baff;transition:transform .15s}
.custom-link:hover{transform:translateY(-2px)}.custom-link.primary{background:linear-gradient(115deg,#0871bf,var(--ventus-accent,#26b7ff));color:white}.custom-link.secondary{background:#0a2543;color:#ccecff}
.logo-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;margin:15px 0 28px}.logo-card{min-width:0;border:1px solid #295b7b;border-radius:14px;background:#061526;padding:12px;display:flex;flex-direction:column;gap:10px}.logo-card img{width:100%;height:130px;object-fit:contain;border-radius:10px;background:#0c2841}.logo-card small{word-break:break-word;color:#b4d9ef}.logo-card button{font-size:.86rem;padding:7px}
.discord-box{border:1px solid #285173;background:#0c2036;border-radius:13px;padding:18px;margin:14px 0}.discord-box h3{margin:0 0 6px}.discord-box p{font-size:.93rem}.discord-box button{margin-top:12px}.admin-page input[type=checkbox]{width:auto;accent-color:#26b7ff;margin-right:8px}