@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#2563EB;--bg:#F8FAFC;--card:#FFFFFF;--text:#111827;--muted:#6B7280;--border:#E5E7EB;--success:#22C55E;--error:#EF4444;--shadow: 0 10px 25px rgba(16,24,40,.08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.appRoot{min-height:100vh}.topHeader{position:sticky;top:0;z-index:5;background:#f8fafce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(229,231,235,.7)}.topHeader .brand{max-width:1200px;margin:0 auto;padding:16px 18px;display:flex;align-items:center;gap:12px}.shieldWrap{width:40px;height:40px;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #1018280d;color:var(--primary)}.brandName{font-weight:900;letter-spacing:-.03em;font-size:18px}.brandSub{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}.layout{max-width:1200px;margin:0 auto;padding:22px 18px 32px;display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}.left{min-width:0}.phoneFrame{width:380px;max-width:100%;margin:0 auto}.screen{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.screenTitle{font-weight:900;font-size:18px;letter-spacing:-.02em;margin-top:2px}.screenMuted{color:var(--muted);font-weight:800;font-size:13px;margin-top:6px;line-height:1.45}.formGrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.field{display:grid;gap:7px}.fieldLabel{color:var(--muted);font-weight:800;font-size:12px}.fieldInput{padding:12px;border:1px solid var(--border);border-radius:14px;outline:none;font-size:14px;background:#fff}.fieldInput:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.confirmCard{margin-top:14px;background:#f8fbff;border:1px solid rgba(37,99,235,.15);border-radius:18px;padding:14px}.confirmRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(229,231,235,.9)}.confirmRow:last-child{border-bottom:0}.confirmLabel{color:var(--muted);font-weight:900;font-size:12px}.confirmValue{font-weight:1000}.amount{color:var(--text);font-size:16px}.primaryBtn{width:100%;margin-top:16px;background:var(--primary);color:#fff;border:0;border-radius:18px;padding:12px 14px;font-weight:900;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 14px 30px #2563eb40}.primaryBtn:hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.02)}.primaryBtn:disabled{cursor:not-allowed;opacity:.72;transform:none;box-shadow:none}.primaryBtnBig{padding:14px;font-size:15px}.secondaryLink{width:100%;background:transparent;border:1px solid var(--border);border-radius:18px;padding:10px 14px;font-weight:900;cursor:pointer;margin-top:10px;color:var(--text);transition:transform .12s ease,background .12s ease}.secondaryLink:hover{transform:translateY(-1px);background:#f9fafb}.secondaryBack{width:100%;margin-top:10px;background:transparent;border:0;border-radius:18px;padding:10px 0;font-weight:900;cursor:pointer;color:var(--muted)}.confirmSheet{margin-top:14px;background:#f8fbff;border:1px solid rgba(37,99,235,.15);border-radius:18px;padding:14px}.sheetRow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(229,231,235,.9)}.sheetRow:last-child{border-bottom:0}.sheetLabel{color:var(--muted);font-weight:900;font-size:12px}.sheetValue{font-weight:1000}.protectedNotice{margin-top:14px;padding:12px;border-radius:18px;border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,#2563eb14,#2563eb08)}.protectedTitle{font-weight:1000;color:var(--primary);font-size:13px}.protectedText{margin-top:6px;color:var(--muted);font-weight:900;font-size:13px;line-height:1.45}.warnTitle{font-weight:1000;font-size:18px;letter-spacing:-.02em;margin-top:10px}.warnCard{margin-top:12px;background:#fff7ed;border:1px solid rgba(245,158,11,.35);color:#92400e;padding:12px;border-radius:18px;font-weight:800}.challengeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.challengeCard{background:#fff;border:1px solid var(--border);border-radius:18px;height:90px;box-shadow:0 10px 25px #1018280f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .2s ease}.challengeMask{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:1000;letter-spacing:.01em;font-size:15px;line-height:1.2}.challengeValue{font-size:16px;font-weight:900;line-height:1;color:var(--primary)}.registerBlock{margin-top:14px}.registerLabels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.registerLabel{text-align:center;font-weight:1000;font-size:12px;color:var(--text)}.otpRow{display:flex;gap:10px;margin-top:10px;justify-content:space-between}.otpBox{width:56px;height:52px;border-radius:16px;border:1px solid var(--border);background:#fff;font-size:22px;font-weight:1000;text-align:center;outline:none;transition:box-shadow .15s ease,border-color .15s ease,transform .12s ease}.otpBox:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb24}.otpDisabled{opacity:.7}.spinnerWrap{display:inline-flex;gap:10px;align-items:center}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errorInline{margin-top:10px;color:var(--error);font-weight:1000;background:#ef444414;border:1px solid rgba(239,68,68,.25);padding:10px;border-radius:16px}.errorText{margin-top:8px;color:var(--error);font-weight:1000;font-size:12px}.shake{animation:shake .35s ease}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.successWrap{margin-top:4px;text-align:center}.successCheck{width:62px;height:62px;margin:0 auto;border-radius:22px;background:#22c55e1f;color:var(--success);display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:34px;box-shadow:0 18px 40px #22c55e33}.successTitle{margin-top:10px;font-weight:1000;font-size:18px}.successSub{margin-top:6px;color:var(--muted);font-weight:900;font-size:13px}.successSummary{margin-top:14px;background:#f8fbff;border:1px solid rgba(37,99,235,.15);border-radius:18px;padding:14px}.summaryRow{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(229,231,235,.9)}.summaryRow:last-of-type{border-bottom:0}.summaryKey{color:var(--muted);font-weight:900;font-size:12px}.summaryVal{font-weight:1000;max-width:60%;text-align:right;word-break:break-word}.tokenDetails{margin-top:10px}.tokenValue{margin-top:6px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.pre{white-space:pre-wrap;word-break:break-word}.devPanel{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 25px #1018280f;overflow:hidden}.devHeader{padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(229,231,235,.8)}.devTitle{font-weight:1000;font-size:14px}.devSub{color:var(--muted);font-weight:900;font-size:12px;margin-top:4px}.devToggle{background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:8px 10px;font-weight:1000;cursor:pointer}.devBody{padding:14px}.devGrid{display:grid;gap:12px}.devKey{color:var(--muted);font-weight:900;font-size:12px;margin-bottom:6px}.devVal{font-weight:1000;font-size:13px}.devRaw{margin-top:14px;border-top:1px dashed rgba(229,231,235,.9);padding-top:14px}.devMeta{color:var(--muted);font-weight:900;font-size:12px;display:flex;gap:8px;align-items:center;margin-bottom:10px}.dot{font-size:16px;line-height:0}.devError{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:16px;padding:10px}.devResponse{background:#f8fafc;border:1px solid rgba(229,231,235,.9);border-radius:16px;padding:10px}@media (max-width: 980px){.layout{grid-template-columns:1fr}.devPanel{order:2}}