:root{font-family:SF Pro Display,Segoe UI,sans-serif;color:#101828;background:radial-gradient(circle at top left,#d7f2ff,transparent 38%),radial-gradient(circle at bottom right,#ffe3c2,transparent 34%),#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:32px}.panel{width:min(100%,440px);padding:32px;border-radius:24px;background:#ffffffe6;box-shadow:0 28px 70px #1018281f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#667085}h1{margin:0;font-size:36px;line-height:1}.copy{margin:12px 0 24px;color:#475467}.form{display:grid;gap:16px}.form label{display:grid;gap:8px}.form span{font-size:14px;font-weight:600}.form input{border:1px solid #d0d5dd;border-radius:12px;padding:12px 14px;background:#fff}.form button{border:none;border-radius:999px;padding:14px 18px;background:#111827;color:#fff;font-weight:700;cursor:pointer}.form button:disabled{opacity:.7;cursor:default}.status{margin:18px 0 0;font-size:14px}.status-error{color:#b42318}.status-success{color:#027a48}.token{margin-top:20px;padding:16px;border-radius:14px;background:#111827;color:#f8fafc}.token span{display:block;font-size:12px;margin-bottom:8px;opacity:.75;text-transform:uppercase;letter-spacing:.12em}.token code{display:block;overflow-wrap:anywhere}