:root{color-scheme:dark;--bg:#10100f;--gold:#dcaf65;--text:#f3eee5;--muted:#aaa69e;--line:#ffffff14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--bg);padding:12px}.skip:focus{top:12px}.header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:2;background:#111211}.brand{font-family:Cinzel,Georgia,serif;display:flex;align-items:center;flex-direction:column;line-height:1.05}.brand-top{font-weight:800;font-size:25px;letter-spacing:3px}.brand-bottom{font-size:13px;letter-spacing:8px;margin:5px -7px 0 0;color:var(--gold)}nav{display:flex;height:100%;gap:36px;align-items:center}nav a,nav button{font-weight:500;font-size:15px;color:#b7b6b1;position:relative;height:100%;display:flex;align-items:center;padding:0}nav .active,nav button:hover{color:var(--gold)}nav .active:after{content:"";position:absolute;bottom:0;height:2px;background:var(--gold);left:0;right:0}.header-community{font-size:14px;border:1px solid #bca77a45;padding:10px 18px}.header-community span{margin-left:15px;color:var(--gold)}.hero{min-height:690px;height:calc(100svh - 248px);max-height:950px;position:relative;isolation:isolate;overflow:hidden}.art{position:absolute;inset:0;z-index:-2;background:url('hero.png') 65% 47%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,13,.9),rgba(12,14,13,.45) 44%,rgba(12,14,13,0) 74%),linear-gradient(0deg,#10100f,transparent 28%,transparent 85%,#10100f40)}.hero-content{position:relative;padding:66px 6% 90px;width:65%;max-width:930px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.8px;font-weight:600;color:#d8bb86;margin:0 0 23px}.eyebrow span{width:24px;height:1px;background:var(--gold)}h1{font-family:Cinzel,Georgia,serif;line-height:1;margin:0;display:flex;flex-direction:column;align-items:flex-start;font-weight:800}.rakion{font-size:clamp(62px,6.7vw,108px);letter-spacing:7px;color:#f7f0e0;text-shadow:0 4px 16px #0008}.nexus{font-size:clamp(80px,8.5vw,138px);letter-spacing:10px;background:linear-gradient(#ffdf99 14%,#d6a15a 66%,#8f6536);background-clip:text;-webkit-text-fill-color:transparent;line-height:1.12}.divider{display:flex;align-items:center;width:282px;margin:20px 0 22px;gap:8px}.divider span{height:1px;background:linear-gradient(90deg,#c89753,transparent);flex:1}.divider i{width:5px;height:5px;transform:rotate(45deg);background:var(--gold)}h2{font-family:Cinzel,Georgia,serif;font-size:25px;font-weight:500;margin:0 0 10px;line-height:1.4}.intro{font-size:17px;line-height:1.65;color:#bbbcb6;margin:0 0 27px}.actions{display:flex;gap:13px;flex-wrap:wrap}.button{padding:17px 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:13px;letter-spacing:1.2px;min-height:56px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:#211c13;background:linear-gradient(110deg,#edc885,#cea05c);border:1px solid #eccb90;box-shadow:0 5px 30px #d8a65515}.primary:hover{background:#f0cd8f}.primary svg{width:19px;height:19px;fill:currentColor}.secondary{background:#14161270;border:1px solid #bca77a55;font-size:12px;letter-spacing:.9px}.secondary:hover{background:#bca77a15}.secondary span{font-size:18px;margin-left:4px}.availability{font-size:12px;color:#a5a499;margin:13px 0 0;letter-spacing:.4px}.art-caption{position:absolute;right:6%;bottom:103px;display:flex;align-items:flex-end;flex-direction:column;text-shadow:0 2px 12px #000}.art-caption span{font-size:10px;letter-spacing:3px;color:#c7bda8}.art-caption b{font-family:Cinzel,serif;font-weight:500;letter-spacing:2px;font-size:18px;margin-top:7px}.hero-bottom{position:absolute;bottom:23px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#92958c}.hero-bottom>span:last-child{display:flex;align-items:center;gap:14px;color:#cbb58e}.hero-bottom i{width:42px;height:1px;background:#7c715b}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0 6%;border-block:1px solid var(--line);background:#141513}.steps button{display:flex;align-items:center;text-align:left;gap:20px;padding:28px 26px;transition:background .2s}.steps button:first-child{padding-left:0}.steps button+button{border-left:1px solid var(--line)}.steps button:hover{background:#ffffff04}.step-number{font-family:Cinzel,serif;font-size:30px;color:#bca17485}.steps strong{font-size:17px;font-weight:500;display:block}.steps small{display:block;font-size:13px;color:#92958c;margin-top:4px}.step-arrow{color:var(--gold);margin-left:auto;font-size:20px}footer{min-height:74px;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px 6%;color:#95978f;font-size:12px}footer button{font-size:12px}footer button span{margin-left:12px;color:#cbb58e}.menu-toggle{display:none}dialog{width:min(490px,calc(100% - 36px));padding:44px;background:#171915;color:var(--text);border:1px solid #ac8d575e;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:16px;top:8px;font-size:30px;color:#b5b7ad}dialog h2{font-size:27px}dialog .eyebrow{margin-bottom:20px}dialog p:not(.eyebrow){color:#b9bdb1;font-size:16px;line-height:1.7;margin:22px 0}.badge{display:inline-block;color:#d9b67a;border:1px solid #d9b67a40;padding:3px 9px;font-size:12px;margin-top:5px}dialog .button{margin-top:3px}@media(min-width:1600px){.hero-content{padding-top:90px}}@media(max-width:1100px){nav{gap:23px}.hero-content{width:80%}.art-caption{display:none}.steps button{padding:24px 18px;gap:14px}.steps strong{font-size:15px}}@media(max-width:760px){.header{height:84px;padding-inline:6%}.header-community{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:15px}.menu-toggle span{height:1px;background:#dac08c;width:24px}nav{display:none;position:absolute;top:83px;left:0;right:0;background:#141613;border-bottom:1px solid #a38a5550;height:auto;padding:16px 6%;gap:0;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a,nav button{padding:14px;height:auto;font-size:16px}nav .active:after{display:none}.hero{height:auto;min-height:700px;max-height:none}.art{background-position:67% center;opacity:.75}.hero:before{background:linear-gradient(90deg,#0c0e0ddb,#0c0e0d55),linear-gradient(0deg,#10100f,transparent 70%)}.hero-content{width:100%;padding:65px 6% 115px}.eyebrow{font-size:10px;letter-spacing:1.8px}.rakion{font-size:clamp(56px,13vw,88px);letter-spacing:4px}.nexus{font-size:clamp(68px,16vw,108px);letter-spacing:5px}.divider{width:220px}h2{font-size:22px}.intro{font-size:16px}.actions{flex-direction:column;align-items:flex-start;gap:12px}.button{min-width:245px}.hero-bottom{font-size:9px;letter-spacing:1px}.hero-bottom>span:last-child{gap:8px}.hero-bottom i{width:20px}.steps{grid-template-columns:1fr}.steps button,.steps button:first-child{padding:22px 0}.steps button+button{border-left:0;border-top:1px solid var(--line)}.steps strong{font-size:17px}footer{flex-direction:column;align-items:flex-start;gap:8px;padding-block:24px}dialog{padding:38px 25px}dialog .button{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand-logo{display:block;width:140px;height:auto}.hero-logo{display:block;width:min(100%,520px);height:auto;filter:drop-shadow(0 8px 20px #0008)}@media(max-width:760px){.brand-logo{width:125px}.hero-logo{width:min(100%,420px)}}
[hidden]{display:none!important}dialog.registration{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow-y:auto}#register-form{display:flex;flex-direction:column;gap:8px}#register-form label{font-size:14px;margin-top:10px;color:#eee8dc}#register-form input{width:100%;min-height:46px;padding:10px 12px;font:inherit;border:1px solid #74664c;background:#10120f;color:#f3eee5;border-radius:3px}#register-form input:focus{outline:2px solid var(--gold);outline-offset:2px}#register-form small{font-size:13px;color:#aaa99f;line-height:1.4}#register-form #register-status{margin:12px 0 4px;font-size:14px}#register-form .button{width:100%;margin-top:14px}

#register-form #register-status[data-state="success"]{color:#b9dda5}#register-form #register-status[data-state="error"]{color:#ffb6a7}#register-form .contact-note{margin-top:12px}#register-form :disabled{cursor:wait;opacity:.65}