:root{color:#253a3a;background:#edf4f3;font-family:Inter,Montserrat,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #213839;--muted: #607777;--teal: #2c7570;--teal-dark: #1d5957;--gold: #bd9460;--cream: #fbf8ef}*{box-sizing:border-box}html{min-width:320px;background:#edf4f3}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.page{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;overflow:hidden;background:linear-gradient(90deg,#fbf9f2fa,#faf8f0e8 34%,#f7f9f270 60%,#e7f2f12b),linear-gradient(180deg,#ffffff1a 55%,#deede8bf),url(/assets/elysor-sanctuary.png) center / cover no-repeat}.page:before{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 43% 18%,rgba(255,255,255,.76),transparent 28%);pointer-events:none}.ambient{position:absolute;z-index:0;top:22%;left:46%;width:12px;height:12px;border-radius:50%;background:#deb56aeb;box-shadow:110px 140px 0 -3px #d0aa65b3,320px -80px 0 -4px #ffffffe6,-90px 210px 0 -4px #d0aa6599,470px 180px 0 -3px #ffffffe6;animation:drift 8s ease-in-out infinite alternate;pointer-events:none}.header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1440px,calc(100% - 96px));margin:0 auto;padding:30px 0 20px;border-bottom:1px solid rgba(59,101,99,.16)}.brand{display:grid;grid-template-columns:54px auto;grid-template-rows:auto auto;column-gap:13px;text-decoration:none}.brand__name{align-self:end;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:24px;letter-spacing:.29em;line-height:1}.brand__realm{margin-top:7px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.52em;text-transform:uppercase}.sigil{position:relative;grid-row:1 / 3;width:52px;height:52px}.sigil__core{position:absolute;top:11px;left:17px;width:18px;height:27px;border:1px solid var(--gold);transform:rotate(45deg) skew(-8deg,-8deg);box-shadow:inset 0 0 0 3px #fff9}.sigil__core:after{position:absolute;inset:5px;content:"";border:1px solid rgba(44,117,112,.65)}.sigil__wing{position:absolute;top:19px;width:19px;height:12px;border-top:1px solid var(--teal);border-radius:50%}.sigil__wing--left{left:0;transform:rotate(-22deg)}.sigil__wing--right{right:0;transform:rotate(22deg) scaleX(-1)}.nav{display:flex;align-items:center;gap:34px}.server-state{display:flex;align-items:center;gap:9px;color:#54706e;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.server-state i,.footer__note span{width:7px;height:7px;border-radius:50%;background:#4e9b81;box-shadow:0 0 0 5px #4e9b811f}.nav__link{position:relative;padding:10px 0;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.nav__link:after{position:absolute;right:0;bottom:3px;left:0;height:1px;content:"";background:var(--gold);transform:scaleX(.22);transition:transform .25s ease}.nav__link:hover:after,.nav__link:focus-visible:after{transform:scaleX(1)}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,720px) 190px;align-items:center;justify-content:space-between;gap:70px;width:min(1440px,calc(100% - 96px));margin:0 auto;padding:54px 0 60px}.hero__content{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px 8px;border:1px solid rgba(187,148,96,.45);background:#ffffff7a;color:#80633f;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(8px)}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#cf9b59;box-shadow:0 0 0 4px #cf9b5921}.overline{margin:32px 0 10px;color:var(--teal);font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic;letter-spacing:.12em}h1{margin:0;color:#223b3b;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,6.6vw,100px);font-weight:400;letter-spacing:-.055em;line-height:.9;text-wrap:balance;text-shadow:0 2px 24px rgba(255,255,255,.65)}h1 em{color:var(--teal);font-weight:400}.lead{max-width:610px;margin:28px 0 0;color:#536c6c;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.nav__link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.button--primary{gap:18px;background:linear-gradient(135deg,#347f78,#1e5d5b);box-shadow:0 13px 30px #1c595633;color:#fff}.button--primary:hover{box-shadow:0 16px 34px #1c595647}.button--ghost{border-color:#30635f47;background:#ffffff7a;color:#355a58;backdrop-filter:blur(8px)}.milestone{max-width:620px;margin-top:40px;padding-top:17px;border-top:1px solid rgba(58,103,100,.17)}.milestone__heading{display:flex;justify-content:space-between;gap:20px}.milestone__heading span{color:#5e7473;font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.milestone__heading time{color:#887052;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic}.countdown{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px}.countdown__unit{position:relative;display:flex;flex-direction:column;padding:0 22px}.countdown__unit:first-child{padding-left:0}.countdown__value{color:#294846;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,3.3vw,48px);line-height:1;font-variant-numeric:tabular-nums}.countdown__label{margin-top:7px;color:#798b89;font-size:8px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.countdown__divider{position:absolute;top:7px;right:0;width:1px;height:36px;background:#365e5b2e}.countdown-finished{color:var(--teal-dark);font-family:Georgia,serif;font-size:18px}.beta-card{align-self:center;padding:24px 22px;border:1px solid rgba(255,255,255,.72);background:#f9faf4ad;box-shadow:0 20px 60px #394b481f;backdrop-filter:blur(16px)}.beta-card__number{color:#2b6f6af0;font-family:Georgia,Times New Roman,serif;font-size:42px;letter-spacing:.05em}.beta-card__line{display:block;width:34px;height:1px;margin:13px 0 16px;background:var(--gold)}.beta-card strong{color:#385957;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:400;line-height:1.3}.beta-card p{margin:15px 0 0;color:#768583;font-size:11px;line-height:1.6}.footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;width:min(1440px,calc(100% - 96px));margin:0 auto;padding:17px 0 23px;border-top:1px solid rgba(59,101,99,.14);color:#758683;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.footer__note{display:flex;align-items:center;gap:10px;color:#617b76}.footer p{margin:0}@keyframes drift{to{transform:translate3d(18px,-12px,0)}}@media(max-width:980px){.header,.hero,.footer{width:min(100% - 48px,760px)}.page{background:linear-gradient(90deg,#fbf9f2fa,#faf8f0c7),linear-gradient(180deg,#ffffff1f,#deede8b3),url(/assets/elysor-sanctuary.png) 62% center / cover no-repeat}.hero{grid-template-columns:1fr;align-content:center;gap:24px}.beta-card{display:none}}@media(max-width:640px){.header,.hero,.footer{width:calc(100% - 32px)}.header{padding-top:20px}.brand{grid-template-columns:43px auto;column-gap:8px}.sigil{width:42px;transform:scale(.82);transform-origin:left center}.brand__name{font-size:19px}.brand__realm{letter-spacing:.35em}.server-state{display:none}.nav{gap:14px}.nav__link{font-size:9px}.hero{padding:36px 0 42px}.eyebrow{font-size:8px}.overline{margin-top:24px;font-size:13px}h1{font-size:clamp(48px,16vw,70px)}.lead{margin-top:22px;font-size:15px;line-height:1.6}.actions{display:grid;grid-template-columns:1fr}.milestone{margin-top:30px}.milestone__heading{flex-direction:column;gap:6px}.countdown__unit{padding:0 9px}.countdown__value{font-size:clamp(28px,10vw,40px)}.countdown__label{font-size:7px;letter-spacing:.1em}.footer{flex-direction:column;padding-bottom:18px;line-height:1.6}}@media(max-height:720px)and (min-width:641px){.header{padding-top:18px}.hero{padding-top:25px;padding-bottom:28px}.overline{margin-top:20px}.lead,.actions{margin-top:18px}.milestone{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}