/* Brand Edition 3 — mobile-first red and gold */
:root{--gold:#f7d88d;--gold2:#e6a83c;--red:#aa1725;--text:#fff7e9;--muted:#d8b9b2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--text)}
body{background:radial-gradient(ellipse at 50% -25%,#bc2933 0%,transparent 56%),radial-gradient(circle at 95% 85%,#76111d 0%,transparent 43%),linear-gradient(155deg,#560b15 0%,#29060c 100%);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,218,136,.035) 50%,transparent 80%),repeating-linear-gradient(0deg,transparent 0 56px,rgba(255,210,140,.022) 57px 58px)}
.ambient{position:fixed;width:55vw;height:55vw;border:1px solid rgba(248,206,121,.10);border-radius:50%;pointer-events:none}.ambient-one{left:-37vw;top:10vh}.ambient-two{right:-35vw;bottom:-15vh}
.page{min-height:100dvh;display:grid;place-items:center;padding:30px 16px;position:relative}
.connect-box{width:min(590px,100%);padding:34px clamp(18px,5vw,46px) 26px;border-radius:26px;text-align:center;background:linear-gradient(155deg,rgba(133,19,32,.91),rgba(65,9,18,.94));border:1px solid rgba(247,216,141,.32);box-shadow:0 25px 75px rgba(0,0,0,.35),inset 0 1px rgba(255,233,178,.12);position:relative;overflow:hidden}
.connect-box:before{content:"";height:3px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,transparent,#f9d98a,transparent)}
.brand-header{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:25px}.brand-mark{width:42px;height:42px;border:1px solid #f7d88d;border-radius:12px;background:linear-gradient(135deg,#ffe9ac,#bc761f);color:#65111c;display:grid;place-items:center;font-size:26px;box-shadow:0 3px 16px rgba(249,207,122,.17)}.brand-wordmark{text-align:left;display:flex;flex-direction:column;gap:2px}.brand-wordmark strong{font-size:21px;letter-spacing:2px}.brand-wordmark small{font-size:9px;letter-spacing:2px;color:#e9c58d}
.eyebrow{font-size:12px;color:var(--gold);letter-spacing:2px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f8cf78;box-shadow:0 0 10px #f6bd53;margin-right:7px}
.radar{width:136px;height:136px;position:relative;margin:25px auto 17px}.ring,.spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.r1{width:136px;height:136px;border:1px solid rgba(255,216,141,.22)}.r2{width:105px;height:105px;border:1px solid rgba(255,216,141,.3)}.r3{width:76px;height:76px;border:1px solid rgba(255,216,141,.25)}.spinner{width:129px;height:129px;border:3px solid transparent;border-top-color:#ffe3a0;border-right-color:#e6a83c;animation:spin 2s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#ffe8a8,#d38b2d);color:#6b1520;font-size:34px;box-shadow:0 5px 28px rgba(250,196,93,.25)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
h1{margin:0;font-size:37px;letter-spacing:3px;font-weight:850}h1 span{color:var(--gold)}#subtitle{font-size:14px;color:var(--muted);margin:10px 0 0}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:29px auto 0;position:relative}.steps:before{content:"";position:absolute;left:10%;right:10%;top:14px;height:1px;background:rgba(250,216,151,.22)}.step{font-size:11px;color:#b98783;position:relative;z-index:1}.dot{width:29px;height:29px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;background:#681c26;border:1px solid #a76058;font-weight:700}.step.done{color:#f5dcb0}.step.done .dot{background:#d9a34d;border-color:#f8d990;color:#4a1017}.step.active{color:#fff2d5}.step.active .dot{background:#8b1927;border:2px solid #f5cf7d;box-shadow:0 0 0 4px rgba(241,193,103,.12)}
.progress-row{display:flex;align-items:center;gap:14px;margin:29px auto 0}.progress-track{height:9px;background:#541923;border-radius:50px;overflow:hidden;flex:1;border:1px solid rgba(247,216,141,.12)}.progress-bar{height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,#b87528,#f9e4a5,#d9983e);transition:width .35s ease}.progress-row strong{width:48px;font-size:17px;color:var(--gold);text-align:right}.status{font-size:15px;margin-top:19px;color:#fff4df;min-height:22px}.current{font-size:12px;color:#d4ada3;margin-top:8px;min-height:18px;overflow-wrap:anywhere}.retry{margin-top:19px;border:0;border-radius:12px;padding:13px 29px;background:linear-gradient(120deg,#f8d78c,#dba047);color:#57101a;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}.retry:focus-visible{outline:3px solid #fff;outline-offset:3px}.hidden{display:none!important}.success-icon{width:86px;height:86px;margin:25px auto 18px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#f9e2a2,#d3973d);color:#5d1220;font-size:45px}.footer{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:30px;color:#cda99e;font-size:11px}.footer i{width:3px;height:3px;background:#cda99e;border-radius:50%}
@media(max-width:500px){.page{padding:15px 12px}.connect-box{padding:26px 16px 22px;border-radius:20px}.brand-header{margin-bottom:18px}.radar{margin-top:20px}.steps{margin-top:25px}.step{font-size:10px}h1{font-size:32px}.footer{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}.progress-bar{transition:none}}

.brand-logo{width:62px;height:62px;object-fit:contain;border-radius:14px;flex-shrink:0;display:block;box-shadow:0 4px 16px rgba(0,0,0,.18)}
@media(max-width:380px){.brand-logo{width:54px;height:54px}.brand-header{gap:9px}.brand-wordmark strong{font-size:19px}}

/* Decai larger brand title; keep layout responsive */
.brand-wordmark strong{font-size:34px;line-height:1.15;letter-spacing:2px;font-weight:800;white-space:nowrap}
@media(max-width:380px){.brand-wordmark strong{font-size:28px}}