:root{--bg:#f0f0f5;--card:#fff;--cta:#978cfb;--cta-hover:#8579e8;--text:#393e59;--text-secondary:#8690af;--danger:#e74c3c;--danger-hover:#c0392b;--success:#27ae60;--border:#e0e0e8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:400px;padding:2rem}.card{background:var(--card);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 2px 12px rgba(0,0,0,.06);text-align:center}.logo{font-size:2.5rem;margin-bottom:.5rem}.title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:2rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;border:none;border-radius:10px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s}.btn-google{background:var(--cta);color:#fff}.btn-google:hover{background:var(--cta-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);font-size:.8rem;padding:.5rem}.btn-secondary:hover{color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.greeting{font-size:1rem;margin-bottom:.25rem}.email{font-size:.8rem;color:var(--text-secondary);margin-bottom:2rem}.spacer{height:.75rem}.loading{color:var(--text-secondary)}.loading,.snack{font-size:.85rem}.snack{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(100px);padding:.75rem 1.5rem;border-radius:10px;color:#fff;font-weight:500;opacity:0;transition:all .3s ease;z-index:100;pointer-events:none}.snack.visible{transform:translateX(-50%) translateY(0);opacity:1}.snack.success{background:var(--success)}.snack.error{background:var(--danger)}