:root{--sc-navy:#1a3d4d;--sc-navy-deep:#112b37;--sc-teal:#5cc4c4;--sc-teal-deep:#3dbfbf;--sc-teal-pale:#e6f7f7;--sc-page-bg:#f3f8f8;--sc-card:#ffffff;--sc-border:#e5e7eb;--sc-border-soft:#f3f4f6;--sc-text:var(--sc-navy);--sc-text-muted:#6b7280;--sc-text-faint:#9ca3af;--sc-danger:#dc2626;--sc-danger-bg:#fef2f2;--sc-danger-border:#fecaca;--sc-info-bg:#eff6ff;--sc-info-border:#bfdbfe;--sc-info-fg:#3b82f6}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sc-page-bg);color:var(--sc-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.brand-banner{width:100%;max-width:480px;margin-bottom:1.5rem;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(20,43,55,.08);line-height:0}.brand-logo{display:block;width:100%;height:auto}.tier-tabs{display:flex;gap:8px;margin-bottom:1.5rem}.tier-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--sc-border);border-radius:8px;background:var(--sc-card);cursor:pointer;transition:all .15s;font-size:13px;color:var(--sc-navy)}.tier-tab.active,.tier-tab:hover{border-color:var(--sc-teal-deep)}.tier-tab.active{background:var(--sc-teal-pale);font-weight:600}.tier-icon{font-size:16px}.login-card{width:100%;max-width:480px;border:1px solid var(--sc-border);border-radius:12px;overflow:hidden;background:var(--sc-card);box-shadow:0 1px 3px rgba(20,43,55,.06)}.card-header{padding:1.5rem;border-bottom:1px solid var(--sc-border-soft)}.card-header h1{font-size:20px;font-weight:600;color:var(--sc-navy);margin:0 0 4px}.tier-desc{font-size:14px;color:var(--sc-text-muted);margin:0}.showcase-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:var(--sc-teal-pale);border:1px solid var(--sc-teal-deep);border-radius:6px;font-size:11px;font-weight:600;color:var(--sc-navy)}.card-body{padding:1.5rem}.security-props{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:1.5rem}.prop{background:#f9fafb;border-radius:8px;padding:8px 10px;border:1px solid var(--sc-border-soft)}.prop-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sc-text-faint);margin-bottom:2px}.prop-value{font-size:12px;font-weight:500;color:var(--sc-navy)}.prop-value.danger{color:var(--sc-danger)}.btn-primary{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin-bottom:1rem}.btn-primary.tangem{background:var(--sc-navy);color:white}.btn-primary.tangem:hover{background:var(--sc-navy-deep)}.btn-primary.passkey{background:var(--sc-teal);color:var(--sc-navy)}.btn-primary.passkey:hover{background:var(--sc-teal-deep)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:18px}.alt-section{margin-bottom:1rem}.alt-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sc-text-faint);margin-bottom:8px}.alt-buttons{display:flex;gap:8px}.btn-alt{flex:1 1;padding:8px;border:1px solid var(--sc-border);border-radius:8px;background:var(--sc-card);font-size:12px;cursor:pointer;transition:all .15s;color:var(--sc-navy)}.btn-alt:hover{border-color:var(--sc-teal-deep);background:#f9fafb}.enrollment-hint{text-align:center;font-size:12px;color:var(--sc-text-faint);margin:0}.auth-status{text-align:center;padding:2rem 1rem;margin-bottom:1rem;border-radius:8px}.auth-status.authenticating{background:var(--sc-info-bg);border:1px solid var(--sc-info-border)}.auth-status.success{background:var(--sc-teal-pale);border:1px solid var(--sc-teal-deep)}.auth-status.error{background:var(--sc-danger-bg);border:1px solid var(--sc-danger-border)}.auth-status p{margin:0 0 4px;font-size:14px;font-weight:500}.auth-status .hint{font-size:12px;color:var(--sc-text-muted);font-weight:400}.pulse-ring{width:48px;height:48px;border-radius:50%;border:2px solid var(--sc-info-fg);margin:0 auto 12px;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(.95);opacity:1}to{transform:scale(1.3);opacity:0}}.check-mark{width:48px;height:48px;border-radius:50%;background:var(--sc-navy);color:white;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 12px}.btn-retry{margin-top:8px;padding:6px 16px;border:1px solid var(--sc-border);border-radius:6px;background:var(--sc-card);font-size:13px;cursor:pointer;color:var(--sc-navy)}.card-footer{padding:10px 1.5rem;border-top:1px solid var(--sc-border-soft);font-size:11px;color:var(--sc-text-faint)}.error-state{padding:2rem;text-align:center}.error-state h2{font-size:18px;margin:0 0 8px;color:var(--sc-danger)}.error-state p{font-size:14px;color:var(--sc-text-muted);margin:0}.enroll-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:1.25rem;padding:12px;background:#f9fafb;border:1px solid var(--sc-border-soft);border-radius:8px}.enroll-meta .meta-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sc-text-faint);margin-bottom:2px}.enroll-meta .meta-value{font-size:13px;font-weight:500;color:var(--sc-navy);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;word-break:break-all}.field{display:block;margin-bottom:1rem}.field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sc-text-faint);margin-bottom:4px}.field input,.field select{width:100%;padding:8px 10px;border:1px solid var(--sc-border);border-radius:6px;background:var(--sc-card);font-size:14px;color:var(--sc-navy);font-family:inherit}.field input:focus,.field select:focus{outline:none;border-color:var(--sc-teal-deep);box-shadow:0 0 0 3px rgba(61,191,191,.15)}.field input:disabled,.field select:disabled{background:#f9fafb;color:var(--sc-text-muted);cursor:not-allowed}.error-text{font-size:14px;color:var(--sc-danger);margin:0 0 .5rem}.error-text code{background:var(--sc-danger-bg);border:1px solid var(--sc-danger-border);border-radius:4px;padding:1px 4px;font-size:12px}.enrollment-hint code{background:var(--sc-teal-pale);border:1px solid var(--sc-teal-deep);border-radius:4px;padding:1px 4px;font-size:11px;color:var(--sc-navy)}