/* AETHEREAL FORGE UI / THEME PACK v1.0 */
:root{color-scheme:dark;--af-bg:#080d15;--af-bg-raised:#0c1521;--af-panel:#101d2b;--af-panel-raised:#132438;--af-text:#edf6fb;--af-muted:#a9bdca;--af-subtle:#7893a5;--af-teal:#72e4e0;--af-teal-strong:#4dcbd2;--af-blue:#6e9fff;--af-violet:#9b8bff;--af-border:rgba(114,228,224,.20);--af-border-strong:rgba(114,228,224,.48);--af-glow:rgba(63,206,218,.13);--af-radius-sm:8px;--af-radius-md:14px;--af-radius-lg:22px;--af-content-width:1240px;--af-shadow-panel:0 18px 48px rgba(0,0,0,.22);--af-transition:180ms ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--af-text);background:radial-gradient(ellipse at 14% 5%,rgba(26,105,126,.20),transparent 34rem),radial-gradient(ellipse at 88% 25%,rgba(48,66,132,.14),transparent 34rem),var(--af-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--af-teal);text-underline-offset:.2em}a:hover{color:#b5fffb}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--af-teal);outline-offset:4px}::selection{color:#061015;background:var(--af-teal)}
.af-atmosphere{position:relative;isolation:isolate;background:radial-gradient(1px 1px at 12% 18%,rgba(220,255,255,.75) 50%,transparent 100%),radial-gradient(1px 1px at 78% 33%,rgba(114,228,224,.75) 50%,transparent 100%),radial-gradient(1px 1px at 42% 77%,rgba(220,255,255,.65) 50%,transparent 100%),radial-gradient(ellipse at 20% 0%,rgba(44,157,174,.12),transparent 60%),linear-gradient(145deg,#0d1825,#080d15 75%);background-size:260px 240px,390px 330px,470px 420px,auto,auto}
.af-wrap{width:min(var(--af-content-width),calc(100% - 48px));margin-inline:auto}.af-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--af-teal);font-size:.76rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.af-eyebrow:before{content:"";width:24px;height:1px;background:currentColor;opacity:.8}
.af-section{padding-block:clamp(44px,6vw,84px)}.af-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.af-section-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.15}.af-section-heading p{max-width:660px;color:var(--af-muted);margin:10px 0 0}
.af-hero{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,136px) clamp(54px,7vw,92px);border-bottom:1px solid var(--af-border);background:radial-gradient(ellipse at 75% 30%,rgba(50,180,197,.19),transparent 36%),radial-gradient(ellipse at 92% 70%,rgba(104,105,255,.12),transparent 34%),linear-gradient(115deg,rgba(8,13,21,.98),rgba(12,24,37,.86))}
.af-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(28px,5vw,76px)}.af-hero h1{max-width:850px;margin:16px 0 20px;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance}.af-hero h1 .accent{color:var(--af-teal)}.af-hero p{max-width:680px;color:var(--af-muted);font-size:clamp(1rem,1.6vw,1.2rem)}
.af-hero-art{min-height:300px;aspect-ratio:5/4;position:relative;overflow:hidden;border:1px solid var(--af-border);border-radius:var(--af-radius-lg);background:radial-gradient(ellipse at 50% 50%,rgba(88,238,232,.28),transparent 14%),radial-gradient(ellipse at 50% 50%,rgba(38,145,186,.2),transparent 42%),conic-gradient(from 210deg at 50% 50%,#101b2b,#152d43,#101526,#18243c,#101b2b);box-shadow:var(--af-shadow-panel),inset 0 0 60px rgba(67,197,220,.08)}
.af-hero-art:before,.af-hero-art:after{content:"";position:absolute;border:1px solid rgba(114,228,224,.34);border-radius:50%;width:78%;aspect-ratio:1;left:11%;top:8%;transform:rotate(-28deg)}.af-hero-art:after{width:58%;left:21%;top:18%;transform:rotate(42deg);border-color:rgba(110,159,255,.38)}
.af-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.af-btn{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--af-border-strong);border-radius:var(--af-radius-sm);color:var(--af-text);background:rgba(12,24,37,.7);text-decoration:none;font-weight:700;transition:transform var(--af-transition),border-color var(--af-transition),background var(--af-transition)}.af-btn:hover{transform:translateY(-2px);border-color:var(--af-teal);color:var(--af-text)}.af-btn-primary{color:#061317;background:var(--af-teal);border-color:var(--af-teal)}.af-btn-primary:hover{color:#061317;background:#a2f8f2}
.af-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.af-card{position:relative;min-width:0;overflow:hidden;padding:22px;border:1px solid var(--af-border);border-radius:var(--af-radius-md);background:linear-gradient(145deg,rgba(18,34,50,.97),rgba(9,16,26,.98));box-shadow:0 12px 32px rgba(0,0,0,.14);transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease}.af-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--af-teal),var(--af-blue),transparent);opacity:.7}.af-card:hover{transform:translateY(-4px);border-color:var(--af-border-strong);box-shadow:0 20px 46px rgba(0,0,0,.25),0 0 32px var(--af-glow)}
.af-card-art{aspect-ratio:16/9;margin:-22px -22px 20px;border-bottom:1px solid var(--af-border);background:radial-gradient(ellipse at 50% 35%,rgba(114,228,224,.28),transparent 34%),linear-gradient(135deg,#172a41,#0a101b 68%)}.af-card-kicker{color:var(--af-teal);font-size:.75rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.af-card h3{margin:8px 0 10px;font-size:1.25rem;line-height:1.25;letter-spacing:-.025em}.af-card p{color:var(--af-muted);margin:0 0 18px}.af-card-link{font-weight:750;text-decoration:none}
.af-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(270px,31vw,370px);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px 3px 22px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--af-teal-strong) rgba(10,20,32,.65)}.af-shelf>*{scroll-snap-align:start}.af-shelf::-webkit-scrollbar{height:8px}.af-shelf::-webkit-scrollbar-track{background:rgba(10,20,32,.65);border-radius:99px}.af-shelf::-webkit-scrollbar-thumb{background:var(--af-teal-strong);border-radius:99px}
.af-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--af-border);border-radius:999px;padding:5px 10px;color:var(--af-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.af-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.af-stat{padding:16px;border:1px solid var(--af-border);border-radius:12px;background:rgba(12,22,34,.68)}.af-stat strong{display:block;font-size:1.6rem;color:var(--af-teal);letter-spacing:-.04em}.af-stat span{color:var(--af-muted);font-size:.86rem}.af-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--af-border-strong),rgba(110,159,255,.2),transparent)}.af-note{padding:16px 18px;border-left:3px solid var(--af-teal);border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(114,228,224,.09),rgba(114,228,224,.015));color:var(--af-muted)}.af-footer{padding-block:34px;border-top:1px solid var(--af-border);color:var(--af-muted)}
@media(max-width:900px){.af-hero-grid{grid-template-columns:1fr}.af-hero-art{min-height:230px;max-height:360px}.af-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.af-wrap{width:min(var(--af-content-width),calc(100% - 28px))}.af-card-grid{grid-template-columns:1fr}.af-shelf{grid-auto-columns:min(84vw,340px)}.af-section-heading{align-items:start;flex-direction:column}.af-stat-row{grid-template-columns:1fr}.af-hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}