:root{
  --bg:#090d0f;--surface:#111719;--surface2:#182023;--line:#2a3639;
  --ink:#f0eddf;--muted:#99a49f;--dim:#66716d;--acid:#c8f04b;--cyan:#65c7d0;
  --display:'Barlow Condensed',sans-serif;--mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:15px/1.7 var(--mono)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
a{color:inherit}
.shell{width:min(1080px,calc(100% - 36px));margin:auto;position:relative}
.topbar{height:74px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.brand{font:800 24px var(--display);letter-spacing:.08em;text-decoration:none}.brand b{color:var(--acid)}
.topnav{margin-left:auto;display:flex;gap:22px}.topnav a{color:var(--muted);font-size:12px;text-decoration:none}.topnav a:hover{color:var(--ink)}
.hero{padding:88px 0 72px;border-bottom:1px solid var(--line)}
.eyebrow{color:var(--acid);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);text-transform:uppercase}
h1{max-width:850px;margin:20px 0 26px;font-size:clamp(52px,8vw,92px);line-height:.9;letter-spacing:-.03em}
.lead{max-width:760px;margin:0 0 30px;color:var(--muted);font-size:17px}.lead strong{color:var(--ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid var(--acid);background:var(--acid);color:#11160b;font-size:12px;font-weight:600;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.btn:hover{background:#dbff6a}.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:var(--ink)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;padding:70px 0 90px}
.content section{margin-bottom:58px}.content h2{margin:0 0 18px;font-size:38px;line-height:1}.content h3{margin:26px 0 8px;font-size:23px}.content p{color:var(--muted)}.content strong{color:var(--ink)}
.steps{counter-reset:step;display:grid;gap:12px;padding:0}.steps li{counter-increment:step;list-style:none;padding:20px 20px 20px 65px;border:1px solid var(--line);background:var(--surface);position:relative;color:var(--muted)}.steps li::before{content:"0" counter(step);position:absolute;left:20px;top:17px;color:var(--acid);font:700 18px var(--display)}
.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:10px 0 0}
.side{align-self:start;position:sticky;top:24px;border:1px solid var(--line);background:var(--surface);padding:24px}.side small{color:var(--acid);letter-spacing:.12em}.side h2{font-size:28px;margin:8px 0 14px}.side p{color:var(--muted);font-size:12px}.side .btn{width:100%;margin:8px 0 20px}.side ul{margin:0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.side li{margin:9px 0}.side li a{color:var(--muted);font-size:12px}.side li a:hover{color:var(--acid)}
.footer{display:flex;gap:20px;align-items:center;padding:30px 0 44px;border-top:1px solid var(--line);color:var(--dim);font-size:11px}.footer span:last-child{margin-left:auto}
@media(max-width:760px){.topnav a:not(:last-child){display:none}.hero{padding:58px 0}.layout{grid-template-columns:1fr;gap:20px;padding:55px 0}.side{position:static;order:-1}.footer{flex-wrap:wrap}.footer span:last-child{width:100%;margin-left:0}}
@media(max-width:520px){.shell{width:min(100% - 24px,1080px)}.actions .btn{width:100%}h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Aion 2 Rift Timer */
.tool-status{display:flex;align-items:center;gap:8px;margin-left:18px;color:var(--muted);font-size:10px;letter-spacing:.1em}.tool-status i{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.rift-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 77% 32%,rgba(101,199,208,.13),transparent 25%),linear-gradient(135deg,rgba(200,240,75,.035),transparent 45%)}.rift-hero::after{content:"RIFT";position:absolute;right:-10px;bottom:-70px;color:rgba(200,240,75,.035);font:800 280px/.8 var(--display);pointer-events:none}.rift-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:74px;align-items:center;padding:78px 0 90px}.rift-intro{position:relative;z-index:1}.rift-intro h1{font-size:clamp(64px,9vw,116px);margin-bottom:30px}.rift-intro h1 span{color:transparent;-webkit-text-stroke:1px var(--muted)}.rift-note{display:flex;gap:14px;max-width:590px;border-left:2px solid var(--acid);padding:2px 0 2px 16px;color:var(--muted);font-size:12px}.rift-note p{margin:0}.note-mark{color:var(--acid);font-weight:700}
.timer-console{position:relative;z-index:1;border:1px solid var(--line);background:var(--surface);box-shadow:16px 16px 0 #050708}.console-top,.console-controls,.data-line{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em}.console-top{color:var(--acid);font-weight:600}.console-code{margin-left:auto;color:var(--dim)}.timer-body{padding:28px 24px 24px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.timer-state{display:flex;align-items:center;gap:8px;color:var(--amber);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.timer-state i{width:8px;height:8px;border-radius:50%;background:currentColor}.timer-state[data-state=active]{color:var(--acid)}.timer-state[data-state=ended]{color:var(--muted)}.timer-body h2{font:700 32px/1 var(--display);margin:20px 0 28px;text-transform:uppercase}.countdown{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.countdown div{text-align:center}.countdown b{display:block;color:var(--acid);font:700 clamp(36px,5vw,58px)/.9 var(--display);letter-spacing:-.03em}.countdown small{display:block;margin-top:8px;color:var(--dim);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.countdown em{color:var(--dim);font-style:normal;font-size:22px}.timer-message{min-height:42px;color:var(--muted);font-size:12px;margin:18px 0}.event-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-meta div{min-width:0}.event-meta small{display:block;color:var(--dim);font-size:9px;letter-spacing:.12em;margin-bottom:5px}.event-meta strong{display:block;overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.console-controls{align-items:end;flex-wrap:wrap;padding:18px 20px}.console-controls label{display:grid;gap:6px;flex:1;color:var(--dim);font-size:9px;text-transform:uppercase}.console-controls select{min-height:40px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:12px var(--mono);padding:0 10px}.console-controls .btn{min-height:40px;padding:0 14px}.data-line{display:grid;grid-template-columns:auto 1fr auto 1fr;border-bottom:0;color:var(--dim);font-size:9px}.data-line strong{overflow:hidden;color:var(--muted);font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.rift-layout{grid-template-columns:minmax(0,1fr) 280px}.rift-side{border-color:#384633}.rift-side h2{color:var(--acid)}.schedule-empty{border:1px dashed #465044;background:rgba(200,240,75,.035);padding:25px}.schedule-empty strong{color:var(--acid);font:700 24px var(--display);text-transform:uppercase}.schedule-empty p{margin:8px 0 0;color:var(--muted);font-size:12px}.schedule-table{border:1px solid var(--line);font-size:11px}.schedule-row{display:grid;grid-template-columns:1.4fr 1fr 1.2fr .65fr;gap:12px;padding:15px;border-top:1px solid var(--line);color:var(--muted)}.schedule-row:first-child{border-top:0}.schedule-row strong{color:var(--ink)}.schedule-head{color:var(--acid);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.section-rule{display:flex;align-items:center;gap:14px}.section-rule span{color:var(--acid);font-size:11px}.section-rule h2{margin:0}
@media(max-width:860px){.rift-hero-grid{grid-template-columns:1fr;gap:48px;padding:60px 0 70px}.rift-hero::after{font-size:190px}.rift-layout{grid-template-columns:1fr}.rift-side{position:static;order:-1}.rift-side ul{display:none}}
@media(max-width:560px){.tool-status{display:none}.timer-console{box-shadow:8px 8px 0 #050708}.timer-body{padding:23px 16px 20px}.timer-body h2{font-size:27px}.countdown{gap:4px}.countdown b{font-size:35px}.countdown em{font-size:16px}.data-line{grid-template-columns:auto 1fr;gap:7px 12px}.data-line .data-source-label{grid-column:1}.schedule-row{grid-template-columns:1fr 1fr}.schedule-row span:nth-child(3),.schedule-row span:nth-child(4){grid-column:span 1}.schedule-head span:nth-child(3),.schedule-head span:nth-child(4){display:none}.console-controls .btn{width:100%}}
