:root{color-scheme:light;--ink:#101a23;--ink-soft:#1d2d39;--paper:#f5f2eb;--surface:#fffdf8;--line:#ded9cf;--muted:#687884;--accent:#ff4055;--accent-soft:#f7dfe1;--mint:#9ce2c9;--shadow:0 24px 72px #13233116;font-family:"DM Sans",system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);min-width:320px}
a{color:inherit;text-decoration:none}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);background:var(--ink);color:#f8f7f3;position:sticky;top:0;z-index:5}
.brand{display:flex;gap:12px;align-items:center;font:800 14px "Manrope",sans-serif;letter-spacing:.08em}
.brand-studio{font-weight:500;color:#9aabb3;font-size:10px;margin-left:6px;letter-spacing:.13em}
.brand-mark,.prism-symbol{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(45deg)}
.brand-mark i,.prism-symbol i{display:block;border:1.5px solid var(--accent);border-radius:2px}
.brand-mark i:nth-child(2),.prism-symbol i:nth-child(2){opacity:.65}.brand-mark i:nth-child(3),.prism-symbol i:nth-child(3){opacity:.8}
nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:13px;color:#b6c2c9}
nav a{transition:color .2s}nav a:hover{color:white}
.nav-community{color:#fff;padding:10px 15px;border:1px solid #384a56;border-radius:8px}.nav-community span{color:var(--accent);margin-left:5px}
main{max-width:1440px;margin:auto;padding:0 clamp(22px,6vw,92px)}
.hero{min-height:565px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:48px;padding:58px 0 52px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#71828d}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px;box-shadow:0 0 14px #9ce2c988}
.hero h1{font:700 clamp(42px,6.3vw,82px)/1.04 "Manrope",sans-serif;letter-spacing:-.055em;margin:25px 0 20px}
.hero h1 em{font-style:normal;color:#e7354d}
.hero-lede{max-width:430px;font-size:16px;line-height:1.75;color:#61717b;margin:0 0 30px}
.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;gap:22px;border-radius:9px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff40552e}.button-primary{background:var(--accent);color:#fff}
.hero-art{height:390px;position:relative;display:grid;place-items:center}
.prism-card{position:relative;z-index:1;width:min(340px,78%);height:270px;padding:29px 30px 22px;border-radius:20px;background:linear-gradient(145deg,#1d303d,#101a23 67%);color:#fff;box-shadow:0 28px 58px #14212b35;transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;animation:float 7s ease-in-out infinite}
.prism-card:before{content:"";position:absolute;inset:-50% -12% auto 35%;height:90%;background:radial-gradient(ellipse,#ff405526,transparent 67%);pointer-events:none}
.prism-symbol{width:45px;height:45px;gap:4px}.prism-symbol i{border-color:var(--accent);border-width:2px}
.card-kicker,.card-foot{font-size:9px;letter-spacing:.14em;color:#aebbc2}.prism-card strong{font:700 32px/1.12 "Manrope",sans-serif;letter-spacing:-.035em}
.card-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px}.card-live{color:#c9d6d4}.card-live b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin:0 5px 1px 0}
.orbit{position:absolute;border:1px solid #d8d2c7;border-radius:50%;width:360px;height:360px;transform:rotate(-22deg) scaleY(.55)}.orbit-two{width:430px;height:430px;transform:rotate(35deg) scaleY(.42);border-color:#e5d8d4}.spark{position:absolute;color:var(--accent);font-size:28px;animation:pulse 3s ease-in-out infinite}.spark-a{top:53px;right:12%}.spark-b{bottom:54px;left:10%;font-size:19px;animation-delay:1.1s}
.account-section{padding:38px 0 80px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 23px}
h2{font:700 clamp(26px,3vw,36px) "Manrope",sans-serif;letter-spacing:-.04em;margin:8px 0 0}
.section-heading>p{max-width:380px;color:var(--muted);line-height:1.65;font-size:13px;margin:0}
.support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.support-card{min-height:228px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:28px;display:flex;gap:20px;transition:transform .25s,border-color .25s}
.support-card:hover{transform:translateY(-3px);border-color:#c7beb1}
.verify-card{background:#fffaf4}
.card-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:700}
.icon-verify{background:#dff3e9;color:#247956}.icon-help{background:var(--accent-soft);color:#ba2a3e}
.card-content{min-width:0}.card-content h3{font:700 20px "Manrope",sans-serif;letter-spacing:-.025em;margin:9px 0}
.card-content p{color:#63727b;font-size:13px;line-height:1.7;margin:0;max-width:560px}
.confirmation-note{margin-top:20px;padding-top:14px;border-top:1px solid #ebe5db;color:#7d898e;font-size:11px}
.text-link{display:inline-flex;gap:7px;align-items:center;margin-top:19px;color:#d52e45;font-size:13px;font-weight:700}
footer{min-height:80px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#73818a;font-size:11px}
.brand-footer{color:var(--ink);font-size:11px}.brand-footer .brand-mark{width:21px;height:21px;gap:2px}.footer-right{margin-left:auto}
body.confirmed #confirmation-card{border-color:#9acdb8;box-shadow:0 18px 52px #217a4c14}
body.confirmed .icon-verify{background:#c9f0de}
body.confirm-error #confirmation-card{border-color:#eab7b6}
body.confirm-error .icon-verify{background:#f7dfe1;color:#bd3545}
.confirm-page{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}
.confirm-page .topbar{position:relative}
.confirmation-main{width:min(900px,100%);margin:auto;padding:64px clamp(22px,6vw,92px) 0;flex:1;display:flex;flex-direction:column}
.confirmation-panel{width:min(560px,100%);margin:auto;padding:clamp(26px,5vw,48px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.confirmation-panel .card-icon{margin-bottom:24px}
.confirmation-panel h1{font:700 clamp(30px,5vw,42px)/1.12 "Manrope",sans-serif;letter-spacing:-.04em;margin:12px 0}
.confirmation-panel>p{color:#63727b;font-size:14px;line-height:1.7;margin:0}
.confirmation-home{margin-top:24px}
.confirmation-panel .confirmation-support{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
.confirm-page footer{margin-top:56px}
.reset-panel .reset-form{display:grid;gap:10px;margin-top:24px}
.reset-form label{font-size:12px;font-weight:600;color:var(--ink-soft);margin-top:3px}
.reset-form input{width:100%;height:48px;border:1px solid #c9c3b8;border-radius:9px;background:#faf8f3;color:var(--ink);font:500 15px "DM Sans",sans-serif;padding:0 14px;outline:none}
.reset-form input:focus{border-color:#e7354d;box-shadow:0 0 0 3px #ff40551f}
.reset-form .button{justify-content:center;cursor:pointer;border:0;margin-top:7px}
.reset-form .button:disabled{opacity:.65;cursor:wait}
.reset-error{min-height:18px;margin:0;color:#bd3545;font-size:12px;line-height:1.5}
.reset-panel .confirmation-home[hidden],.reset-form[hidden]{display:none}
@media(max-width:600px){.confirmation-main{padding-top:30px}.confirmation-panel{border-radius:15px}.confirm-page footer{gap:12px;flex-wrap:wrap}.confirm-page .footer-right{width:100%;margin-left:0}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-2.5deg)}}
@keyframes pulse{0%,100%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:760px){.topbar{height:66px;padding-inline:20px}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}main{padding-inline:22px}.hero{grid-template-columns:1fr;gap:0;padding-top:64px;min-height:unset}.hero-art{height:320px;margin-top:10px}.account-section{padding-top:30px}.section-heading{display:block}.section-heading>p{margin-top:11px}.support-grid{grid-template-columns:1fr}.support-card{min-height:unset;padding:22px}}
@media(max-width:420px){.brand-studio{display:none}nav{gap:10px}.nav-community{padding:8px 10px}.hero h1{font-size:43px}.hero-art{height:280px}.prism-card{height:230px}.orbit{width:290px;height:290px}.orbit-two{width:350px;height:350px}.support-card{gap:14px;padding:18px}.card-icon{width:36px;height:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* PRISM brand surface: prevent accidental text selection; controls remain interactive. */
*,*::before,*::after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
img,svg{-webkit-user-drag:none;user-drag:none}