:root{--white: #ffffff;--bg: #f6f3ee;--bg-elevated: #fffcf8;--silver-50: #f7f8fa;--silver-100: #eef0f3;--silver-200: #e2e5ea;--silver-300: #ccd1da;--silver-400: #aab1bf;--silver-500: #838b9c;--silver-600: #5f6676;--ink: #1b1f28;--ink-soft: #4a5160;--accent: #6b7280;--accent-strong: #3f4655;--success: #2f8f5b;--danger: #c2413c;--warning: #b8860b;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(27, 31, 40, .06);--shadow: 0 6px 24px rgba(27, 31, 40, .08);--shadow-lg: 0 20px 60px rgba(27, 31, 40, .14);--ring: linear-gradient(135deg, #ffffff 0%, #e6e9ef 40%, #c3c9d4 100%);--metal: linear-gradient(135deg, #f6f7f9 0%, #d7dbe3 50%, #aeb5c2 100%);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 100% -10%,#ffffff 0%,transparent 55%),radial-gradient(1000px 500px at -10% 110%,#efe8dc 0%,transparent 50%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);background:#ffffffb8;border-bottom:1px solid var(--silver-200)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;gap:6px;align-items:center}.nav-link{padding:8px 14px;border-radius:999px;color:var(--ink-soft);font-weight:500;font-size:14px}.nav-link:hover{background:var(--silver-100);text-decoration:none}.nav-link.active{background:var(--ink);color:var(--white)}.nav-toggle{display:none;align-items:center;border:1px solid var(--silver-300);background:var(--white);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}@media (max-width: 759px){.navbar-inner{height:auto;min-height:64px;flex-wrap:wrap;padding:8px 0}.nav-toggle{display:inline-flex}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding-bottom:8px}.nav-links.open{display:flex}.nav-links .nav-link,.nav-links .btn{justify-content:flex-start}.nav-links .avatar{display:none}.row.check-form{flex-direction:column;align-items:stretch}.page-header.row{flex-wrap:wrap;align-items:flex-start;row-gap:8px}.page-header.row>:first-child{flex:1 1 100%}.share-row{flex-direction:column;align-items:stretch}}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;border-radius:999px;background:var(--metal);box-shadow:inset 0 1px #fff,var(--shadow-sm);display:grid;place-items:center}.card{background:var(--bg-elevated);border:1px solid var(--silver-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.card-glass{background:linear-gradient(180deg,#fffcf7eb,#f7f2eac7);border:1px solid var(--silver-200);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card-subtitle{color:var(--silver-500);font-size:13px;margin-top:2px}.bond-card{border-radius:var(--radius);padding:16px;color:var(--ink)}.bond-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bond-bronze{background:linear-gradient(180deg,#f8e6d4,#e4b88a);border-color:#c4844a}.bond-silver{background:linear-gradient(180deg,#f7f8fa,#d5dbe3);border-color:#b7c0cc}.bond-gold{background:linear-gradient(180deg,#fbf3d0,#e4c56a);border-color:#c6a24a}.bond-platinum{background:linear-gradient(180deg,#eef1f4,#b7c0c9);border-color:#8d97a3}.bond-diamond{background:linear-gradient(180deg,#f7fbff,#d5e6f6);border-color:#b9d4ea}.grid{display:grid;gap:18px}@media (min-width: 760px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:#000;box-shadow:var(--shadow)}.btn-metal{background:var(--metal);color:var(--ink);border-color:var(--silver-300);box-shadow:inset 0 1px #fff,var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--silver-300)}.btn-ghost:hover:not(:disabled){background:var(--silver-100)}.btn-danger{background:#fff;color:var(--danger);border-color:#edc9c7}.btn-danger:hover:not(:disabled){background:#fdf3f2}.btn-block{width:100%}.btn-sm{padding:7px 14px;font-size:13px}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.code-input{letter-spacing:3px;font-weight:600}@media (max-width: 759px){.code-input{letter-spacing:1px}}.input,.select{width:100%;padding:12px 14px;border:1px solid var(--silver-300);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;background:var(--white);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus{outline:none;border-color:var(--silver-500);box-shadow:0 0 0 4px #838b9c26}.hint{font-size:12px;color:var(--silver-500);margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--silver-200);background:var(--silver-50);color:var(--ink-soft)}.badge-success{background:#eaf6ef;color:var(--success);border-color:#cbe8d6}.badge-warn{background:#fdf6e3;color:var(--warning);border-color:#f0e3b8}.badge-danger{background:#fbeceb;color:var(--danger);border-color:#f0cfcd}.badge-silver{background:var(--metal);color:var(--ink);border-color:var(--silver-300)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.muted{color:var(--silver-500)}.center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;border:1px solid transparent}.alert-error{background:#fbeceb;color:var(--danger);border-color:#f0cfcd}.alert-success{background:#eaf6ef;color:var(--success);border-color:#cbe8d6}.divider{height:1px;background:var(--silver-200);margin:20px 0}.code-chip{font-family:SF Mono,ui-monospace,monospace;font-size:26px;font-weight:700;letter-spacing:6px;padding:16px 22px;border-radius:var(--radius);background:var(--metal);border:1px solid var(--silver-300);box-shadow:inset 0 1px #fff,var(--shadow-sm);color:var(--ink);text-align:center}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:32px 16px}.auth-card{width:100%;max-width:420px}.hero{padding:80px 0 40px;text-align:center}.hero h1{font-size:clamp(36px,6vw,60px);line-height:1.05;letter-spacing:-.03em;font-weight:800;background:linear-gradient(180deg,var(--ink),var(--silver-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:560px;margin:18px auto 0;font-size:18px;color:var(--ink-soft)}.hero-cta{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}.feature-icon{width:40px;height:40px;border-radius:12px;background:var(--metal);border:1px solid var(--silver-300);display:grid;place-items:center;font-size:18px;margin-bottom:12px}.page{padding:32px 0 80px}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;letter-spacing:-.02em}.page-header p{color:var(--silver-500);margin-top:4px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--silver-200)}.list-item:last-child{border-bottom:none}.spinner{width:18px;height:18px;border:2px solid var(--silver-300);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{min-height:60vh;display:grid;place-items:center}.avatar{width:42px;height:42px;border-radius:999px;background:var(--metal);border:1px solid var(--silver-300);display:grid;place-items:center;font-weight:700;color:var(--ink)}.alert-info{background:var(--silver-100);border:1px solid var(--silver-300);color:var(--ink-soft)}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius);background:var(--silver-100);border:1px solid var(--silver-300);margin-bottom:18px;font-size:14px}.break-all{word-break:break-all}