:root{--bg:#080909;--bg2:#111214;--panel:#151619;--line:#2d2f34;--text:#f5f2e9;--muted:#aaa9a2;--gold:#e1b654;--gold2:#f8dd88;--red:#8b1717;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#242013 0,#090a0b 35%,#050505 72%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}main{min-height:75vh}.topbar{height:82px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(6,7,8,.88);backdrop-filter:blur(16px);border-bottom:1px solid #29261e}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-family:Anton,sans-serif;letter-spacing:1.5px;font-size:24px;color:var(--gold2)}.brand small{font-size:10px;color:#aaa;letter-spacing:.5px;margin-top:5px}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:11px 13px;border-radius:10px;color:#c9c7c0;font-size:13px;font-weight:700}.nav a:hover,.nav a.active{background:#1c1c1d;color:#fff}.nav .admin-link{border:1px solid #4b4534}.nav-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{padding:88px 6vw 70px;overflow:hidden}.hero-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{display:inline-block;color:var(--gold2);font-size:12px;letter-spacing:3px;font-weight:800;margin-bottom:15px}.hero h1,.page-hero h1{font-family:Anton,sans-serif;font-size:clamp(54px,7vw,108px);line-height:.9;margin:0 0 26px;letter-spacing:1px}.hero h1 span{color:var(--gold2);text-shadow:0 0 30px rgba(225,182,84,.12)}.hero-copy p{color:#c7c5bf;max-width:760px;line-height:1.75}.lead{font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:11px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:1px;cursor:pointer}.btn.gold{background:linear-gradient(180deg,var(--gold2),#b88727);color:#15110a;box-shadow:0 8px 28px rgba(225,182,84,.18)}.btn.ghost{background:#121315;border-color:#3a3b3e;color:#fff}.btn.wide{width:100%}.hero-logo-wrap{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.hero-logo{width:min(100%,620px);filter:drop-shadow(0 30px 70px rgba(0,0,0,.75));position:relative;z-index:2}.halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(225,182,84,.22),rgba(225,182,84,0) 68%);filter:blur(6px)}.section{max-width:1280px;margin:auto;padding:70px 6vw}.section-head{max-width:760px;margin-bottom:32px}.section-head h2,.split-panel h2,.doc-title h2,.form-section h2,.coop-copy h2{font-family:Anton,sans-serif;font-size:clamp(32px,4vw,54px);margin:6px 0 10px}.section-head p,.split-panel p,.page-hero p,.coop-copy p{color:var(--muted);line-height:1.7}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,#171819,#101112);border:1px solid #2b2c2e;border-radius:var(--radius);padding:26px}.icon{font-family:Anton;color:var(--gold2);font-size:36px}.card h3{font-size:19px;margin:10px 0}.card p{color:#aeadA8;line-height:1.7}.split-panel{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center;background:linear-gradient(135deg,#14120d,#111214);border:1px solid #302b20;border-radius:24px;margin-bottom:60px}.discord-box{border:1px solid #4b4433;border-radius:18px;padding:34px;text-align:center;background:#0e0f10}.discord-mark{font-family:Anton;font-size:58px;color:var(--gold2)}.discord-box b,.discord-box span{display:block}.discord-box span{margin-top:8px;color:#a4a39f;font-size:13px}.page-hero{max-width:1280px;margin:auto;padding:86px 6vw 40px}.page-hero.small h1{font-size:clamp(48px,6vw,82px)}.page-hero.small p{max-width:760px}.rules-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.doc-title{margin-bottom:18px}.doc-title span{color:var(--gold2);font-size:10px;letter-spacing:2px;font-weight:800}.accordion{background:#111214;border:1px solid #2d2e30;border-radius:13px;margin-bottom:10px;overflow:hidden}.accordion summary{list-style:none;display:flex;justify-content:space-between;gap:18px;padding:18px 20px;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary b{font-size:14px}.accordion summary span{color:var(--gold2);font-size:20px}.accordion>div{padding:0 20px 20px;color:#aaa;line-height:1.7;font-size:14px}.form-wrap{max-width:1050px}.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:14px}.alert.success{background:#102819;border:1px solid #245c37}.alert.error{background:#2d1111;border:1px solid #693434}.reg-form{display:grid;gap:18px}.form-section{background:#111214;border:1px solid #292a2d;border-radius:18px;padding:24px}.form-section>div:first-child{display:flex;align-items:center;gap:12px}.form-section>div:first-child>span{color:var(--gold2);font-family:Anton;font-size:27px}.form-section h2{font-size:32px;margin:0}.grid-2,.grid-3{display:grid;gap:14px;margin-top:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:7px;color:#b9b7b1;font-size:12px;font-weight:700}input,select{width:100%;background:#0a0b0c;border:1px solid #37383a;color:#fff;border-radius:10px;padding:13px 14px;outline:none}input:focus,select:focus{border-color:#8f763c;box-shadow:0 0 0 3px rgba(225,182,84,.08)}.player-row{display:grid!important;grid-template-columns:110px repeat(3,1fr);gap:12px!important;align-items:end!important;margin-top:12px;padding:14px;background:#0c0d0e;border:1px solid #252629;border-radius:12px}.player-row>b{color:var(--gold2);font-size:12px;margin-bottom:13px}.upload-box{margin-top:16px;padding:28px;border:1px dashed #6a5b37;border-radius:14px;text-align:center;background:#0d0d0d;cursor:pointer}.upload-box input{margin-bottom:12px}.upload-box b,.upload-box small{display:block}.upload-box small{color:#777;margin-top:5px}.check{grid-template-columns:20px 1fr;align-items:center}.check input{width:16px}.login-page{min-height:70vh;display:grid;place-items:center;padding:50px 20px}.login-box{width:min(420px,100%);background:#111214;border:1px solid #313237;border-radius:20px;padding:28px;display:grid;gap:14px}.login-box img{width:120px;margin:auto}.login-box h1{text-align:center;margin:0;font-family:Anton;font-size:42px}.login-box p{text-align:center;color:#888;margin-top:-6px}.admin-list{padding-top:20px}.reg-item{background:#111214;border:1px solid #292a2d;border-radius:14px;margin-bottom:10px;overflow:hidden}.reg-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;cursor:pointer}.reg-item summary::-webkit-details-marker{display:none}.reg-item summary div{display:flex;flex-direction:column;gap:5px}.reg-item summary span{font-size:11px;color:#777}.status{font-size:11px;font-style:normal;border:1px solid #4a4a4a;padding:6px 9px;border-radius:999px}.status.disahkan{border-color:#3d734b;color:#8fe2a5}.status.ditolak{border-color:#773f3f;color:#f79b9b}.reg-detail{border-top:1px solid #262729;padding:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid>div,.players-admin>div{display:flex;flex-direction:column;gap:5px;background:#0c0d0e;border:1px solid #242527;border-radius:11px;padding:14px}.detail-grid small,.players-admin small{color:var(--gold2);font-weight:800}.detail-grid span,.players-admin span{font-size:12px;color:#aaa}.players-admin{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.admin-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.admin-actions form{display:flex;gap:8px}.empty{text-align:center;padding:50px;color:#777}.cooperation{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:38px}.poster-frame{border:1px solid #3a3121;border-radius:20px;padding:10px;background:#0d0e0f;box-shadow:0 25px 80px rgba(0,0,0,.4)}.poster-frame img{display:block;width:100%;border-radius:13px}footer{border-top:1px solid #242526;padding:35px 6vw;color:#777;display:grid;gap:15px;background:#070808}footer>div:first-child{display:flex;flex-direction:column}footer b{color:var(--gold2);font-family:Anton;font-size:26px}footer span{font-size:10px;letter-spacing:2px}.footer-links{display:flex;gap:18px;font-size:12px}.footer-links a:hover{color:#fff}footer small{font-size:11px}@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0c0d;padding:12px 4vw;flex-direction:column;align-items:stretch;border-bottom:1px solid #2a2a2a}.nav.open{display:flex}.hero-grid,.rules-layout,.split-panel,.cooperation{grid-template-columns:1fr}.hero-logo-wrap{min-height:auto}.cards.three{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.players-admin{grid-template-columns:1fr 1fr}.player-row{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.admin-actions{align-items:stretch;flex-direction:column}.admin-actions form{width:100%}.brand small{display:none}}@media(max-width:600px){.hero,.section,.page-hero{padding-left:20px;padding-right:20px}.grid-2{grid-template-columns:1fr}.players-admin{grid-template-columns:1fr}.hero h1{font-size:52px}.brand span{display:none}.topbar{padding:0 20px}.hero-logo{width:90%}}
