@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap");:root{--brand-blue:#677de7;--brand-black:#0a0a0a;--cream:#fdfbf2;--ink:var(--brand-black);--ink-soft:#17171b;--paper:var(--cream);--signal:var(--brand-blue);--coral:#ff6a4d;--line:hsla(44,43%,93%,.14);--text-dim:#fdfbf2;--font-montserrat:"Montserrat",sans-serif;--font-display:var(--font-montserrat);--font-body:var(--font-montserrat)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px}.site-header .logo img{height:28px;width:auto;display:block}.pill-btn{display:inline-flex;align-items:center;gap:14px;border:none;border-radius:999px;padding:6px 6px 6px 22px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:transform .12s ease,opacity .15s ease}.pill-btn:active{transform:scale(.97)}.pill-btn:disabled{opacity:.5;cursor:not-allowed}.pill-btn .pill-arrow{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pill-btn.on-blue{background:var(--cream);color:var(--brand-black)}.pill-btn.on-blue .pill-arrow{background:var(--brand-black);color:var(--cream)}.pill-btn.on-black{background:var(--brand-blue);color:#fff}.pill-btn.on-black .pill-arrow{background:#fff;color:var(--brand-blue)}.pill-btn.full-width{width:100%;justify-content:space-between}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.shell.on-blue{background:var(--brand-blue)}.shell.on-black{background:var(--brand-black)}.card{width:100%;max-width:460px;background:rgba(0,0,0,.16);border:1px solid hsla(0,0%,100%,.16);border-radius:20px;padding:36px 32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell.on-black .card{background:var(--ink-soft);border-color:var(--line)}.eyebrow{font-family:var(--font-body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:.75;margin:0 0 12px;font-weight:600}.shell.on-black .eyebrow{color:var(--brand-blue);opacity:1}h1.headline{font-family:var(--font-display);font-size:34px;line-height:1.1;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--cream)}p.lede{opacity:.78;font-size:15px;line-height:1.55;margin:0 0 28px}.field,p.lede{color:var(--cream)}.field{width:100%;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;padding:14px 16px;font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .15s ease}.shell.on-black .field{background:var(--ink);border-color:var(--line)}.field::placeholder{color:hsla(44,43%,93%,.45)}.field:focus{border-color:var(--cream)}.shell.on-black .field:focus{border-color:var(--brand-blue)}.field.otp{letter-spacing:.5em;text-align:center;font-size:22px}.btn,.field.otp{font-family:var(--font-display)}.btn{width:100%;border:none;border-radius:999px;padding:14px 16px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cream);color:var(--brand-black);margin-top:16px}.shell.on-black .btn-primary{background:var(--brand-blue);color:#fff}.btn-ghost{background:transparent;color:var(--cream);opacity:.7;border:1px solid hsla(0,0%,100%,.3);margin-top:10px;text-transform:none;font-family:var(--font-body);font-weight:500}.error-text{color:#ffd7cf;font-size:13px;margin-top:10px}.link-box{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.25);border:1px dashed hsla(0,0%,100%,.3);border-radius:12px;padding:12px 14px;margin-bottom:8px}.link-box code{flex:1 1;font-size:13px;color:var(--cream);overflow-x:auto;white-space:nowrap}.copy-btn{background:var(--cream);color:var(--brand-black);border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}