:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#030711;--page:#050b16;--text:#eaf1ff;--muted:#9aaac2;--accent:#8bd5ff;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Playfair Display", Georgia, serif}*{box-sizing:border-box}body{background:var(--canvas);min-height:100svh;color:var(--text);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;margin:0;padding:16px;display:flex}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.page{isolation:isolate;background:var(--page);border:1px solid #41678c68;border-radius:20px;flex-direction:column;width:100%;max-width:1680px;min-height:min(100svh - 32px,900px);margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #070e1c,0 0 50px #1841740d}.page:after{content:"";z-index:4;pointer-events:none;border:1px solid #659aca0d;border-radius:16px;position:absolute;inset:3px}.hero-art{z-index:-1;pointer-events:none;width:69%;position:absolute;top:0;bottom:0;right:-2%}.hero-art img{object-fit:cover;object-position:58% 48%;width:100%;height:100%}.hero-art:after{content:"";background:linear-gradient(90deg, var(--page) 0%, #050b16eb 9%, #050b1680 23%, transparent 43%), linear-gradient(0deg, var(--page) 0%, #050b1666 8%, transparent 26%, transparent 84%, #050b1688 100%);position:absolute;inset:0}.header,.hero,.footer{padding-inline:clamp(30px,4.4vw,76px)}.header{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand img{object-fit:contain;width:48px;height:48px}.brand-type{font:600 22px/1.1 var(--display);letter-spacing:.9px}.brand-type small{color:#87c3ee;font:500 7px/1 var(--sans);letter-spacing:3px;margin-top:7px;display:block}.forge-text{background:linear-gradient(90deg,#c4b5fd,#22d3ee);color:#0000;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.button{border:1px solid #b3b6ff48;border-radius:11px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:12px 23px;font-size:13px;font-weight:500;transition:background .18s,box-shadow .18s;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(115deg,#5755ff,#5941e7);box-shadow:inset 0 1px 2px #ffffff30,0 6px 24px #4437ed24}.button-primary:hover{background:linear-gradient(115deg,#6967ff,#7055f3);box-shadow:inset 0 1px 2px #ffffff30,0 6px 28px #4437ed50}.button-login{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b11257a;border-color:#a4b6eb48;min-height:39px;padding:7px 20px;font-size:12px}.button-login:hover{background:#263359a6;border-color:#a4b6eb80}.button-login .icon{width:16px;height:16px}.hero{flex:1;align-items:center;padding-top:24px;padding-bottom:30px;display:flex}.hero-copy{width:68%}.eyebrow{color:#83b8ed;letter-spacing:2.5px;font-size:10px;font-weight:600}h1{font:500 clamp(44px, 4.8vw, 76px)/1.16 var(--display);letter-spacing:-1.5px;text-shadow:0 2px 24px #050b16b0;margin-top:20px}.description{color:#b5c8df;text-shadow:0 2px 12px var(--page);margin-top:24px;font-size:clamp(14px,1.33vw,18px);line-height:1.85}.hero .button-primary{margin-top:31px}.categories{align-items:center;width:max-content;max-width:100%;margin:clamp(32px,5vh,54px) 0 0;padding:0;list-style:none;display:flex}.categories li{align-items:center;gap:13px;padding-right:28px;display:flex}.categories li+li{border-left:1px solid #5e86c022;padding-left:26px}.categories li:last-child{padding-right:0}.categories .icon{color:#9e88ff;filter:drop-shadow(0 0 8px #7561ec40);width:27px;height:27px}.categories li:nth-child(2) .icon{color:#79c8ee}.categories span{color:#e0e9f7;font-size:13px;font-weight:500;line-height:1.5}.categories small{color:#b2c4db;margin-top:3px;font-size:12px;font-weight:400;display:block}.footer{color:#a8bad2;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding-block:10px;font-size:12px;display:flex}.footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.footer button,.footer a{color:#b2c4db;background:0 0;border:0;align-items:center;min-height:36px;padding:7px 0;font-size:12px;display:inline-flex}.footer button:hover,.footer a:hover{color:#e3efff}dialog{width:min(440px,100% - 36px);color:var(--text);background:#0e1728;border:1px solid #687bb357;border-radius:14px;padding:35px;box-shadow:0 24px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020610c9}dialog h2{font:500 28px/1.3 var(--display);margin-top:15px}dialog p{color:var(--muted);margin:18px 0 25px;font-size:13px;line-height:1.8}.dialog-close{color:var(--muted);background:0 0;border:0;padding:4px 10px;font-size:26px;position:absolute;top:8px;right:10px}body:has(dialog[open]){overflow:hidden}@media (width>=1700px){.hero-copy{width:65%}}@media (width<=1100px){.header,.hero,.footer{padding-inline:38px}.header{min-height:90px}.hero-art{width:76%;right:-12%}.hero-art:after{background:linear-gradient(90deg, var(--page), #050b16de 12%, #050b1660 30%, transparent 53%), linear-gradient(0deg, var(--page), transparent 25%, transparent 85%, #050b1688)}.hero-copy{width:76%}h1{font-size:54px}.description{font-size:15px}.categories li{gap:10px;padding-right:21px}.categories li+li{padding-left:19px}.categories .icon{width:24px;height:24px}.categories span{font-size:13px}}@media (width<=760px){body{padding:10px}.page{border-radius:15px;min-height:min(100svh - 20px,900px)}.page:after{border-radius:11px}.header,.hero,.footer{padding-inline:24px}.header{min-height:80px}.brand img{width:39px;height:39px}.brand-type{font-size:18px}.brand-type small{letter-spacing:2.3px;font-size:6px}.button-login{gap:12px;min-height:35px;padding:6px 13px;font-size:11px}.hero{align-items:center;padding-block:32px;position:relative}.hero-copy{width:100%}h1{letter-spacing:-1px;margin-top:16px;font-size:clamp(39px,7.3vw,53px)}.eyebrow{letter-spacing:2px;font-size:8px}.description{max-width:430px;margin-top:20px;font-size:14px}.hero .button-primary{margin-top:25px}.hero-art{width:100%;height:auto;inset:0}.hero-art img{object-fit:cover;object-position:64% center}.hero-art:after{background:linear-gradient(0deg, var(--page) 0%, #050b16f2 12%, #050b16d9 36%, #050b16a6 66%, #050b1673 86%, #050b16b3 100%), linear-gradient(90deg, #050b1680, transparent 85%)}.categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:34px;display:grid}.categories li{align-items:flex-start;gap:9px;padding:0}.categories li+li{border:0;padding:0}.categories .icon{width:23px;height:23px}.categories span{font-size:13px}.categories small{font-size:12px}.footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:3px 20px;padding-block:14px 17px}.footer nav{gap:19px}}@media (width<=450px){.header,.hero,.footer{padding-inline:20px}.brand{gap:7px}.brand img{width:34px;height:38px}.brand-type{letter-spacing:.6px;font-size:15px}.brand-type small{letter-spacing:2px;font-size:5px}.button-login{gap:9px;padding-inline:12px}.button-login .icon{width:14px}.hero{padding-block:28px}h1{max-width:300px;font-size:43px;line-height:1.15}.description{max-width:300px;font-size:13px}.desktop-break{display:none}.button{font-size:12px}.categories{gap:12px}.categories li,.categories li+li{flex-direction:column;gap:10px}.categories .icon{width:22px;height:22px}.categories span{font-size:12px}}@media (width<=360px){.header,.hero,.footer{padding-inline:15px}.brand-type{font-size:13px}.brand-type small{letter-spacing:1.5px}.header{gap:12px}.button-login .icon{display:none}h1{font-size:39px}.categories .icon{width:18px;height:18px}.categories li{gap:5px}.categories{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}[x-cloak]{display:none!important}.auth-dialog{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#435176 transparent;background:radial-gradient(at 0 0,#39307428,#0000 65%),#0c1423;border-color:#8f9ae740;width:min(460px,100% - 28px);max-height:calc(100svh - 28px);padding:30px 34px 24px;overflow-y:auto}.auth-dialog [hidden]{display:none!important}.auth-close{color:#a8b8cf;background:0 0;border:0;border-radius:6px;width:36px;height:36px;font-size:26px;position:absolute;top:9px;right:12px}.auth-close:hover{color:#fff;background:#ffffff08}.auth-heading{align-items:center;gap:11px;padding-right:20px;display:flex}.auth-heading img{object-fit:contain}.auth-heading .eyebrow{letter-spacing:2px;font-size:9px}.auth-dialog h2{letter-spacing:-.7px;margin-top:20px;font-size:33px}.auth-dialog .auth-description{color:#aabbd2;margin:11px 0 24px;font-size:13px;line-height:1.7}.auth-form{flex-direction:column;gap:9px;display:flex}.auth-form label{color:#c9d5e7;font-size:12px;font-weight:500}.auth-form>label:not(:first-child),.auth-label-row{margin-top:9px}.auth-form input{color:#eaf1ff;width:100%;min-width:0;min-height:45px;font:14px/1.5 var(--sans);background:#060d19;border:1px solid #8093c032;border-radius:8px;outline:none;padding:11px 13px}.auth-form input::placeholder{color:#7486a2}.auth-form input:focus{border-color:#9c9cf0;box-shadow:0 0 0 3px #8175d91a}.auth-form input[aria-invalid=true]{border-color:#dc8397}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#eaf1ff;caret-color:#eaf1ff;box-shadow:inset 0 0 0 100px #111c2d}.password-field{position:relative}.password-field input{padding-right:65px}.password-toggle{color:#b6b4eb;background:0 0;border:0;border-radius:5px;width:55px;padding:0;font-size:11px;position:absolute;inset:3px 4px 3px auto}.password-toggle:hover{background:#ffffff06}.auth-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-link{color:#bbb3fc;background:0 0;border:0;padding:3px 0;font-size:12px;line-height:1.6}.auth-link:hover{color:#8bd5ff}.auth-link-muted{color:#a8b8cf}.auth-link:disabled{cursor:default;color:#8999b3}.auth-dialog .auth-submit{width:100%;min-height:46px;margin-top:16px}.auth-dialog button:disabled{opacity:.65;cursor:default;transform:none}.field-hint{color:#95a8c2;font-size:12px;line-height:1.6}.auth-dialog .auth-switch{text-align:center;color:#a8b8cf;margin:19px 0 0;font-size:12px}.auth-switch .auth-link{margin-left:4px}.auth-dialog .auth-message{border:1px solid;border-radius:7px;margin:0 0 18px;padding:10px 12px;font-size:12px;line-height:1.7}.auth-dialog .auth-error{color:#f3b4c1;background:#8c30491c;border-color:#c5687d40}.auth-dialog .auth-status{color:#a8d9ca;background:#245d4c20;border-color:#68bb9e35}.verification-address{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:-10px 0 24px;display:flex}#verification-email{color:#d4def1;overflow-wrap:anywhere;font-size:13px}.auth-form .code-input{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;min-height:58px;padding-left:22px;font-size:26px}.resend-row{color:#a8b8cf;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 8px;margin-top:21px;font-size:12px;display:flex}.auth-success-mark{color:#87dec1;background:#28634e20;border:1px solid #74c5b040;border-radius:50%;place-items:center;width:58px;height:58px;margin:12px auto 18px;display:grid}.auth-success-mark .icon{width:29px;height:29px}.auth-dialog .auth-success-copy{color:#b7c6db;text-align:center;margin:0;font-size:13px}.auth-preview-note{border-top:1px solid #8297c41a;margin-top:25px;padding-top:14px}.auth-preview-note>div{justify-content:space-between;align-items:center;display:flex}.preview-badge{color:#a2a9cd;letter-spacing:1.8px;font-size:8px}.auth-preview-note .auth-link{color:#93a4c1;font-size:11px}.auth-dialog .auth-preview-note p{color:#8fa2be;margin:5px 0 0;font-size:11px;line-height:1.6}.auth-preview-note strong{color:#c6c1ff;font:500 13px var(--sans);letter-spacing:2px}@media (width<=450px){.auth-dialog{padding:24px 22px 20px}.auth-dialog h2{font-size:30px}.auth-form input{font-size:16px}.auth-heading img{width:39px;height:39px}.auth-form .code-input{letter-spacing:8px;font-size:25px}}
