:root{--bg:#fff;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#f1edff;--nav-bg:#fff;--nav-border:#e9eaf2;--border:#e9eaf2;--border-strong:#dedbe9;--text:#171a2b;--text-2:#72768a;--text-3:#989bad;--btn-bg:#7353ed;--btn-bg-hover:#6040dc;--btn-fg:#fff;--focus:#7353ed;--link:#7353ed;--bar:#7353ed;--bar-shine:#ab93ff;--shadow-soft:0 10px 32px #26203e0a;--shadow-elevated:0 18px 50px #26203e18;--radius-md:12px;--radius-lg:16px}
[data-theme=dark]{--bg:#11121a;--surface:#1b1c28;--surface-2:#171822;--surface-3:#28213e;--nav-bg:#11121a;--nav-border:#30303e;--border:#30303e;--border-strong:#3b3a49;--text:#f2f1fa;--text-2:#a6a5b8;--text-3:#858497;--btn-bg:#8c70f5;--btn-bg-hover:#a38afa;--btn-fg:#fff;--focus:#ab93ff;--link:#ab93ff;--bar:#ab93ff;--bar-shine:#d1c4ff;--shadow-soft:0 10px 32px #0002;--shadow-elevated:0 18px 50px #0005}
body{background:radial-gradient(ellipse at 50% 0,#a892ff12,transparent 42%),var(--bg)}
.site-header{height:86px;padding:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}
.nav-shell{width:min(1160px,calc(100% - 64px));max-width:none;height:85px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-left{gap:29px}.nav-right{gap:12px}.brand{gap:11px;margin-right:auto;color:var(--text)}.brand-mark{width:42px;height:42px;border:0;border-radius:0;background:transparent}.redeem-brand-copy{display:flex;flex-direction:column;gap:2px}.redeem-brand-copy small{font-size:10px;color:var(--text-2);letter-spacing:2px;white-space:nowrap}.brand-word{font-size:20px;letter-spacing:-.7px}.brand-word::after{display:none}
.nav-link{position:relative;height:85px;padding:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:13px;font-weight:550}.nav-link:hover,.nav-link.active{color:#7353ed}.nav-link.active:after{content:"";position:absolute;bottom:18px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#7353ed}.nav-link .icon{width:15px;height:15px}.chip-btn{width:36px!important;height:36px!important;border:0;border-radius:10px;background:transparent;padding:0}.chip-btn:hover{background:var(--surface-3);border:0}
.page{max-width:1160px;padding:42px 32px 48px}.layout{grid-template-columns:290px minmax(0,1fr);gap:22px}.side{top:108px;gap:18px}.card{border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:24px}.card-main{padding:28px 30px 32px}.card-head{border-color:var(--border)}.card-head h1{font-size:28px;letter-spacing:-.7px}.eyebrow{color:#7353ed;letter-spacing:.12em}.tag{border-radius:6px}.pill{border-radius:7px}.segmented{border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.segmented [role=tab]{border-radius:7px}.stepper{border-radius:12px}.notice{border-radius:10px}.input-row,.input,.textarea{border-radius:9px}.btn{height:44px;border-radius:8px}.btn-primary{box-shadow:0 8px 20px #7353ed25}.progress-card,.verified-box,.confirm-card,.result-hero{border-radius:12px}.site-footer{max-width:1160px;margin:0 auto 30px;padding:0 32px}.foot-card{border-radius:14px;border:1px solid var(--border);box-shadow:none;background:var(--surface-2);color:var(--text-2)}
@media(max-width:960px){.layout{grid-template-columns:1fr}.main{order:-1}.side{position:static}}
@media(max-width:700px){.site-header{height:72px}.nav-shell{width:calc(100% - 28px);height:71px}.nav-left{gap:12px}.brand-mark{width:38px;height:38px}.brand-word{font-size:16px}.redeem-brand-copy small{display:none}.nav-left .nav-link{display:none;height:71px;padding:0 4px}.nav-left .nav-link.active,.nav-left a[href="/orders"]{display:inline-flex}.nav-left .nav-link .nav-text{display:inline;font-size:11px}.nav-link.active:after{bottom:10px}.nav-link .icon{display:none}.page{padding:24px 14px 28px}.card{border-radius:14px}.card-main{padding:22px 18px 24px}.card-head h1{font-size:24px}.site-footer{padding:0 14px;margin-bottom:88px}}

.input-row .input{border-radius:9px}