:root{--wa-green:#25d366;--wa-green-dark:#1da851;--wa-teal:#075e54;--bg-1:#eef2f6;--bg-2:#dfe8ee;--card:#ffffff;--text:#0b141a;--muted:#667781;--border:#e9edef;--danger:#e5484d;--danger-bg:#fdecec;--warn:#a86400;--warn-bg:#fff6e5;--success:#1da851;--success-bg:#e7f8ee}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 100% -10%,#d9f5e3 0,transparent 55%),radial-gradient(1000px 500px at -10% 110%,#d6e6f2 0,transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}.page,body{min-height:100vh}.page{display:grid;place-items:center;padding:24px}.card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(11,20,26,.12);padding:40px 34px;text-align:center}.logo{width:60px;height:60px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(160deg,var(--wa-green),var(--wa-green-dark));border-radius:16px;box-shadow:0 8px 20px rgba(37,211,102,.35)}.card h1{font-size:1.5rem;margin:0 0 6px;letter-spacing:-.01em}.subtitle{color:var(--muted);font-size:.95rem;margin:0 0 28px;line-height:1.5}.btn{width:100%;border:none;border-radius:12px;padding:14px 20px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(160deg,var(--wa-green),var(--wa-green-dark));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .06s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 20px rgba(37,211,102,.3)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px rgba(37,211,102,.4)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.alert{margin-top:20px;border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.45;text-align:left;border:1px solid transparent}.alert-warn{background:var(--warn-bg);color:var(--warn);border-color:#f2dca6}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:#f6c9c9}.alert-success{background:var(--success-bg);color:var(--success);border-color:#b6e7c9}.session{margin-top:18px;text-align:left;font-size:.82rem;color:var(--muted);background:#f7f9fa;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.session code{color:var(--text);word-break:break-all}.home-links{margin-top:22px;display:flex;flex-direction:column;gap:10px}.link-btn{text-decoration:none;color:var(--wa-teal);font-weight:600;border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:background .15s ease}.link-btn:hover{background:#f4f7f9}