:root{--bg:#050806;--panel:#0b110d;--panel2:#101912;--green:#59ff7a;--green2:#19d94a;--text:#f3f7f4;--muted:#9baa9f;--line:rgba(89,255,122,.18);--shadow:0 25px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}main{min-height:80vh}.topbar{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(5,8,6,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);font:800 24px Cinzel;transform:rotate(45deg);box-shadow:0 0 30px rgba(89,255,122,.18)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand div:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Cinzel;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:5px;color:var(--green);margin-top:6px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{font-size:14px;color:var(--muted);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--green)}.nav-cta{border:1px solid var(--green);padding:10px 18px;color:var(--green)!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:8vw 8vw;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(39,255,91,.12),transparent 25%),linear-gradient(135deg,#050806 20%,#08150d 55%,#030503)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(89,255,122,.03) 48% 49%,transparent 49% 100%);background-size:90px 90px;opacity:.4}.hero-content,.hero-card{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:12px;letter-spacing:4px;color:var(--green);font-weight:700}.hero h1,.page-hero h1{font:800 clamp(52px,7vw,105px)/.98 Cinzel;margin:20px 0 26px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--green);text-shadow:0 0 45px rgba(89,255,122,.15)}.hero p{max-width:640px;font-size:18px;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border:0;font-weight:700;cursor:pointer;transition:.25s}.btn-primary{background:var(--green);color:#051007;box-shadow:0 0 35px rgba(89,255,122,.16)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(89,255,122,.35)}.btn-outline{border:1px solid rgba(255,255,255,.22)}.hero-card{justify-self:end;width:min(360px,100%);padding:30px;background:rgba(9,17,11,.75);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card small{color:var(--green);letter-spacing:3px}.hero-card strong{display:block;font:700 27px Cinzel;margin:13px 0}.hero-card span{font-size:28px;font-weight:700}.section{padding:100px 8vw}.intro{text-align:center;max-width:1000px;margin:auto}.intro h2,.section-heading h2,.recruitment-call h2{font:700 clamp(34px,5vw,62px) Cinzel;margin:13px 0}.intro>p{color:var(--muted);font-size:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.stats article{padding:32px;border:1px solid var(--line);background:var(--panel)}.stats strong{font:700 42px Cinzel;color:var(--green);display:block}.stats span{color:var(--muted)}.dark-section{background:#071009}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading a{color:var(--green)}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.event-card{display:flex;gap:18px;align-items:center;padding:24px;background:var(--panel);border:1px solid rgba(255,255,255,.06)}.event-card>span{min-width:58px;color:var(--green);font-weight:800}.event-card h3{margin:0 0 4px;font-family:Cinzel}.event-card p{margin:0;color:var(--muted);font-size:14px}.event-card.featured{border-color:var(--green);box-shadow:inset 0 0 35px rgba(89,255,122,.04)}.recruitment-call{display:flex;justify-content:space-between;align-items:center;gap:40px}.recruitment-call p{color:var(--muted)}.page-hero{padding:100px 8vw 70px;background:linear-gradient(135deg,#061008,#040604);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,7vw,92px);margin-bottom:15px}.page-hero p{color:var(--muted)}.timeline{max-width:900px;margin:auto}.timeline article{position:relative;padding:30px 30px 30px 100px;border-left:1px solid var(--line);background:linear-gradient(90deg,rgba(89,255,122,.035),transparent);margin-bottom:12px}.timeline article:before{content:"";position:absolute;left:-7px;top:42px;width:13px;height:13px;background:var(--green);border-radius:50%;box-shadow:0 0 20px var(--green)}.timeline span{color:var(--green);font-size:12px;letter-spacing:3px}.timeline h2{font-family:Cinzel;margin:5px 0}.timeline p{color:var(--muted);margin:0}.timeline .required{border:1px solid var(--green);border-left:3px solid var(--green)}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.member-card{padding:34px;text-align:center;background:var(--panel);border:1px solid var(--line)}.avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:radial-gradient(circle,var(--green2),#071009 70%);font:800 34px Cinzel}.member-card h2{font-family:Cinzel;margin:0}.member-card span{color:var(--green)}.member-card p{color:var(--muted)}.form-wrapper{max-width:900px;margin:auto}.form-card,.login-card{background:var(--panel);border:1px solid var(--line);padding:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label,.login-card label{display:block;color:#c6d0c8;font-size:14px;margin-bottom:18px}input,select,textarea{width:100%;margin-top:8px;padding:14px 15px;background:#050906;border:1px solid rgba(255,255,255,.12);color:white;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(89,255,122,.06)}.alert{padding:14px 18px;margin-bottom:20px;background:rgba(89,255,122,.1);border:1px solid var(--green)}.alert.error{border-color:#ff5e5e;background:rgba(255,94,94,.08)}.login-section{min-height:80vh;display:grid;place-items:center;padding:60px 20px}.login-card{width:min(430px,100%);text-align:center}.login-card .large{margin:0 auto 25px}.login-card h1{font-family:Cinzel}.login-card label{text-align:left}.login-card .btn{width:100%}.login-card small{display:block;margin-top:18px;color:var(--muted)}.footer{padding:35px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.footer div{display:flex;gap:12px}.footer strong{color:white;font-family:Cinzel}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}.admin-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:30px 22px;background:#071009;border-right:1px solid var(--line)}.sidebar nav{display:flex;flex-direction:column;margin-top:50px}.sidebar nav a{padding:13px 14px;color:var(--muted)}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(89,255,122,.08);color:var(--green)}.admin-main{padding:40px}.admin-main header{display:flex;justify-content:space-between;align-items:center}.admin-main h1{font-family:Cinzel;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.dashboard-grid article,.admin-panel{padding:30px;background:var(--panel);border:1px solid var(--line)}.dashboard-grid strong{display:block;font:700 45px Cinzel;color:var(--green)}.admin-panel h2{font-family:Cinzel}@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#071009;padding:25px;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:100px}.hero-card{justify-self:start;margin-top:50px}.event-grid,.member-grid{grid-template-columns:1fr 1fr}.recruitment-call{flex-direction:column;align-items:flex-start}.admin-body{grid-template-columns:1fr}.sidebar{position:relative}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 20px}.hero,.section,.page-hero{padding-left:24px;padding-right:24px}.hero h1{font-size:48px}.stats,.event-grid,.member-grid,.form-grid{grid-template-columns:1fr}.section-heading,.footer{flex-direction:column;align-items:flex-start;gap:18px}.hero-actions{flex-direction:column}.btn{width:100%}.timeline article{padding-left:45px}}

/* ===== SURPRISE PREMIUM 2.0 ===== */
:root{--green:#62ff19;--green2:#2ccf00;--bg:#030705;--panel:rgba(5,13,8,.92);--line:rgba(98,255,25,.28);--muted:#aeb8af}
body{font-family:'Rajdhani',Arial,sans-serif;background:#020604;background-image:radial-gradient(circle at 50% 0,rgba(65,255,0,.08),transparent 35%);letter-spacing:.1px}
.premium-topbar{height:84px;padding:0 2vw;background:rgba(2,6,4,.94);border-bottom:1px solid rgba(98,255,25,.24);box-shadow:0 10px 35px rgba(0,0,0,.5)}
.premium-brand img{width:54px;height:62px;object-fit:cover;object-position:center;border-radius:5px;filter:drop-shadow(0 0 10px rgba(98,255,25,.6))}
.premium-brand strong{font:800 30px/1 'Cinzel';color:var(--green);text-shadow:0 0 12px rgba(98,255,25,.55);letter-spacing:1px}.premium-brand span{font-size:10px;letter-spacing:3.2px;color:#fff;margin-top:7px;font-weight:700}
.main-nav{gap:34px}.main-nav a{font-weight:700;font-size:16px;color:#eee;letter-spacing:.6px;position:relative}.main-nav a:not(.nav-cta):after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-16px;background:var(--green);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-cta{padding:13px 22px;border-radius:7px}
.hero-premium{min-height:615px;position:relative;background:url('../img/hero-bg.webp') center/cover no-repeat;border-bottom:1px solid rgba(98,255,25,.28);overflow:hidden}.hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,3,.93),rgba(1,7,3,.25) 34%,rgba(1,7,3,.15) 65%,rgba(1,5,3,.92)),linear-gradient(0deg,rgba(1,5,3,.75),transparent 38%,rgba(1,5,3,.35))}.hero-premium:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(77,255,0,.17),transparent 28%);pointer-events:none}.hero-stage{min-height:615px;position:relative;z-index:2;display:grid;grid-template-columns:250px minmax(480px,1fr) 360px;gap:38px;align-items:center;padding:35px 3vw}
.war-banner{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.8}.war-banner:before{content:"";position:absolute;width:2px;height:390px;background:linear-gradient(var(--green),transparent);transform:translateX(-72px) rotate(-8deg)}.war-banner img{width:130px;height:155px;object-fit:cover;clip-path:polygon(50% 0,100% 20%,88% 82%,50% 100%,12% 82%,0 20%);filter:drop-shadow(0 0 18px rgba(98,255,25,.7));border:2px solid var(--green)}.war-banner span{margin-top:18px;color:var(--green);font-weight:800;letter-spacing:5px}
.hero-center{text-align:center}.hero-logo{width:230px;height:275px;object-fit:cover;clip-path:polygon(50% 0,100% 17%,91% 78%,50% 100%,9% 78%,0 17%);filter:drop-shadow(0 0 22px rgba(98,255,25,.8));border:3px solid var(--green)}.hero-center h1{font:800 clamp(54px,6vw,88px)/.95 'Cinzel';letter-spacing:11px;margin:12px 0 5px;color:#b1ff4a;text-shadow:0 0 12px #39b900,0 3px 0 #164300}.hero-motto{display:flex;justify-content:center;align-items:center;gap:15px;color:#fff;letter-spacing:7px;font-weight:700;font-size:19px}.hero-motto span{display:block;width:70px;height:1px;background:var(--green)}.hero-center>p{font-size:18px;color:#eee;margin:12px 0 18px}.premium-actions{justify-content:center;margin-top:18px}.action-box{min-width:205px;display:flex;align-items:center;gap:13px;padding:12px 17px;border:1px solid var(--green);border-radius:6px;background:rgba(2,8,4,.84);text-align:left}.action-box:hover{background:rgba(26,75,13,.75);box-shadow:0 0 25px rgba(98,255,25,.25);transform:translateY(-2px)}.action-box b{font-size:27px;color:var(--green)}.action-box span{display:flex;flex-direction:column}.action-box strong{color:var(--green);font-size:17px}.action-box small{color:#c7c7c7;text-transform:uppercase;font-size:10px;letter-spacing:.7px}.action-box.discord{border-color:#7289da}.action-box.discord b,.action-box.discord strong{color:#8fa5ff}
.next-event-panel{background:rgba(2,8,4,.91);border:1px solid rgba(98,255,25,.48);border-radius:10px;padding:25px 18px;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.55)}.next-event-panel>span{color:var(--green);font-weight:800;font-size:17px}.next-event-panel h2{font:800 27px 'Rajdhani';margin:5px 0;color:#fff}.next-event-panel>p{color:var(--green);font-weight:700;margin:0 0 12px}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.06);margin:10px 0 16px}.countdown-grid div{padding:12px 4px;border-right:1px solid rgba(255,255,255,.07)}.countdown-grid div:last-child{border:0}.countdown-grid strong{display:block;font-size:31px;color:var(--green);line-height:1}.countdown-grid small{font-size:9px;color:#ddd}.panel-button{display:block;text-align:center;border:1px solid rgba(98,255,25,.6);border-radius:5px;padding:10px;color:var(--green);font-weight:800;letter-spacing:.4px;transition:.2s}.panel-button:hover{background:var(--green);color:#051005}
.home-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:18px 3vw 22px;background:linear-gradient(#040a06,#020503);border-bottom:1px solid rgba(98,255,25,.22)}.dashboard-card{min-height:340px;display:flex;flex-direction:column;padding:19px 22px;background:linear-gradient(145deg,rgba(7,17,10,.96),rgba(2,7,4,.96));border:1px solid rgba(98,255,25,.26);border-radius:8px;box-shadow:0 14px 35px rgba(0,0,0,.34)}.dashboard-card header{display:flex;align-items:center;gap:12px;color:var(--green);margin-bottom:14px}.dashboard-card header span{font-size:23px}.dashboard-card h2{font:700 21px 'Rajdhani';margin:0}.dashboard-card p{color:#d0d4d1;text-align:center;line-height:1.35}.dashboard-card>.panel-button{margin-top:auto}.compact-events div,.ranking-list div{display:grid;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.07)}.compact-events div{grid-template-columns:40px 1fr auto}.compact-events b{color:var(--green);font-size:12px;background:rgba(98,255,25,.09);padding:2px 5px;border-radius:4px}.compact-events span{font-size:14px}.compact-events small{color:#adb4ae}.clan-visual{height:130px;display:grid;place-items:center;background:radial-gradient(circle,rgba(98,255,25,.12),transparent 65%);overflow:hidden}.clan-visual img{height:120px;width:105px;object-fit:cover;clip-path:polygon(50% 0,100% 20%,88% 82%,50% 100%,12% 82%,0 20%);filter:drop-shadow(0 0 14px rgba(98,255,25,.7))}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:10px 0}.class-grid div{text-align:center}.class-grid i{display:grid;place-items:center;width:48px;height:48px;margin:auto;border:1px solid var(--green);transform:rotate(45deg);font-style:normal;color:var(--green);font-size:23px}.class-grid i::first-line{transform:rotate(-45deg)}.class-grid span{display:block;font-size:11px;margin-top:9px}.ranking-list div{grid-template-columns:30px 1fr 1fr 35px}.ranking-list b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#bbb;color:#111}.ranking-list div:first-child b{background:#d2ad21}.ranking-list div:nth-child(3) b{background:#a96125}.ranking-list small{color:#aaa}.ranking-list em{font-style:normal;color:var(--green);text-align:right}
.legacy-section{max-width:1250px;margin:80px auto;padding:55px;display:grid;grid-template-columns:260px 1fr;gap:50px;align-items:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(98,255,25,.06),rgba(2,7,4,.9))}.legacy-section img{width:230px;height:270px;object-fit:cover;clip-path:polygon(50% 0,100% 18%,90% 80%,50% 100%,10% 80%,0 18%);filter:drop-shadow(0 0 20px rgba(98,255,25,.55))}.legacy-section span{color:var(--green);font-weight:800;letter-spacing:4px}.legacy-section h2{font:800 clamp(36px,5vw,62px)/1.05 'Cinzel';margin:12px 0}.legacy-section p{color:var(--muted);font-size:18px}
.premium-footer{align-items:center;background:#020604;padding:24px 3vw}.footer-brand img{width:43px;height:50px}.footer-brand strong{font-size:25px}.premium-footer p{font-size:14px}.social-links{align-items:center}.social-links span{color:#fff}.social-links a{color:var(--green);font-weight:700}
@media(max-width:1200px){.hero-stage{grid-template-columns:160px 1fr 330px}.war-banner img{width:105px}.home-dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.premium-topbar{padding:0 20px}.main-nav{top:84px}.hero-stage{grid-template-columns:1fr;padding:55px 25px}.war-banner{display:none}.next-event-panel{width:min(460px,100%);justify-self:center}.home-dashboard{grid-template-columns:1fr 1fr}.legacy-section{margin:50px 24px;grid-template-columns:1fr;text-align:center}.legacy-section img{margin:auto}.premium-footer{align-items:flex-start}}
@media(max-width:620px){.premium-brand strong{font-size:22px}.premium-brand span{letter-spacing:1.7px}.premium-brand img{width:43px;height:50px}.hero-logo{width:170px;height:205px}.hero-center h1{font-size:43px;letter-spacing:5px}.hero-motto{font-size:13px;letter-spacing:3px}.hero-motto span{width:25px}.premium-actions{flex-direction:column}.action-box{width:100%}.home-dashboard{grid-template-columns:1fr;padding:15px}.countdown-grid strong{font-size:25px}.legacy-section{padding:30px 20px}.premium-footer{padding:25px 20px}.premium-footer p,.social-links{display:none}}