:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#e8f1f8;background:#061522;font-synthesis:none;--navy: #061522;--panel: rgba(11, 37, 57, .82);--panel-strong: #0c2a40;--line: rgba(134, 180, 207, .2);--cyan: #40d9cb;--cyan-soft: #91f1e8;--amber: #ffbd59;--red: #ff7b79;--muted: #91aabd}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,#123d59 0,transparent 34rem),linear-gradient(155deg,#061522,#071a2b 54%,#0b2436)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(99,205,216,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(99,205,216,.17) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}button,input{font:inherit}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#051420b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid rgba(64,217,203,.55);border-radius:12px;display:grid;place-items:center;color:var(--cyan);font-weight:900;letter-spacing:-.08em;box-shadow:inset 0 0 16px #40d9cb1f}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em}.brand small{color:var(--muted);margin-top:2px}.secure-note{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.secure-note span{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.secure-note.offline span{background:var(--red);box-shadow:0 0 14px #ff7b79b3}main{max-width:1180px;margin:0 auto;padding:64px 24px 40px;position:relative;z-index:1}.intro{max-width:680px;margin-bottom:38px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.intro h1{font-size:clamp(38px,6vw,66px);line-height:1.02;margin:14px 0 16px;letter-spacing:-.055em}.intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.8}.workflow{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:860px}.step-card{background:linear-gradient(145deg,#103046eb,#081f30e6);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 60px #00000029;transition:border-color .25s,transform .25s}.step-card:hover{transform:translateY(-2px);border-color:#40d9cb52}.step-card[data-state=success]{border-color:#40d9cb94}.step-card[data-state=error]{border-color:#ff7b7994}.step-card[data-state=working]{border-color:#ffbd598c}.step-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;margin-bottom:22px}.step-number{color:var(--cyan);font:700 12px ui-monospace,monospace;border:1px solid rgba(64,217,203,.3);border-radius:999px;padding:6px 8px}.step-head h2{font-size:19px;margin:2px 0 7px}.step-head p{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.state-dot{width:9px;height:9px;margin-top:8px;border-radius:50%;background:#456274}.step-card[data-state=success] .state-dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.step-card[data-state=error] .state-dot{background:var(--red)}.step-card[data-state=working] .state-dot{background:var(--amber);animation:pulse 1.2s infinite}.drop-zone{min-height:130px;border:1px dashed rgba(134,180,207,.38);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#04131e4d;padding:14px;transition:background .2s,border-color .2s}.drop-zone:hover{background:#40d9cb0f;border-color:var(--cyan)}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.upload-prompt{display:flex;flex-direction:column;align-items:center}.drop-zone strong{margin:3px 0 7px}.drop-zone small{color:var(--muted)}.upload-icon{color:var(--cyan);font-size:26px}.drop-zone.has-preview .upload-prompt{display:none}.qr-preview{display:block;width:min(260px,100%);max-height:320px;object-fit:contain;border-radius:9px;background:#fff}.field-row{margin-top:17px}.field-row>label,.form-grid label{color:var(--muted);font-size:12px;display:block;margin-bottom:8px}.inline-input{display:flex;gap:8px}input{width:100%;border:1px solid var(--line);background:#03111cad;color:#fff;border-radius:10px;padding:12px 13px;outline:none;min-width:0}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #40d9cb1a}input::placeholder{color:#5e788b}.button{border:0;border-radius:10px;padding:12px 17px;font-weight:750;cursor:pointer;transition:filter .2s,transform .2s,opacity .2s}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button:disabled{opacity:.38;cursor:not-allowed}.primary,.action{color:#032221;background:var(--cyan)}.secondary{color:var(--cyan-soft);background:#40d9cb1c;border:1px solid rgba(64,217,203,.3)}.ghost{color:var(--muted);background:transparent;border:1px solid var(--line);margin-left:8px}.action{width:100%;padding:15px;margin-top:18px}.result-line{margin-top:15px;min-height:20px;color:var(--muted);font-size:13px}.step-card[data-state=success] .result-line{color:var(--cyan-soft)}.step-card[data-state=error] .result-line{color:var(--red)}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.device-grid span{color:var(--muted);font-size:11px;background:#03111c66;padding:11px;border-radius:9px}.device-grid span:last-child{grid-column:1/-1}.device-grid strong{color:#fff;display:block;margin-top:5px;font:600 12px ui-monospace,monospace;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label input{margin-top:8px}.check-list{display:grid;gap:9px;color:var(--muted);font-size:13px}.activation-result{margin-top:16px;display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#03111c61}.activation-result .result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--cyan);border:1px solid rgba(64,217,203,.35)}.activation-result strong{font-size:14px}.activation-result p{color:var(--muted);font-size:12px;margin:4px 0 0}.step-card[data-state=error] .activation-result .result-icon{color:var(--red);border-color:var(--red)}.spinner{animation:spin 1s linear infinite}.privacy{margin-top:18px;padding:18px 22px;display:flex;gap:18px;align-items:baseline;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#0516238c}.privacy strong{color:var(--cyan-soft);white-space:nowrap}.privacy p{margin:0;line-height:1.6;font-size:13px}footer{text-align:center;color:#668093;font-size:12px;padding:25px;border-top:1px solid var(--line)}.hidden{display:none!important}@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.workflow{grid-template-columns:1fr}.topbar{height:66px}.secure-note{display:none}main{padding-top:42px}.form-grid{grid-template-columns:1fr}.privacy{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}