:root{--banner:#7a0026;--bg:#fff;--card-bg:#f8f8f8;--text:#1b1b1b;--muted:#6b7280;--accent:#7a0026;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,Inter,Roboto,sans-serif;display:flex;flex-direction:column}.banner{background:var(--banner);padding:12px 24px;display:flex;align-items:center;gap:14px;width:100%}.banner svg{height:32px;width:auto;flex-shrink:0}.banner .banner-title{color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.02em}.page-content{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.card{background:var(--card-bg);border-radius:var(--radius);max-width:420px;width:100%;padding:28px;box-shadow:0 1px 8px rgba(0,0,0,.08);border:1px solid #e5e7eb}.card h1{font-size:1.3rem;margin-bottom:6px;color:var(--text)}.card p.lead{color:var(--muted);font-size:.88rem;margin-bottom:20px}.btn{display:flex;align-items:center;gap:10px;width:100%;text-decoration:none;color:var(--text);background:#fff;padding:12px 14px;border-radius:8px;font-size:.92rem;font-weight:600;margin-bottom:10px;cursor:pointer;border:1px solid #e5e7eb;transition:background .15s ease,box-shadow .15s ease}.btn:hover{background:#f3f4f6;box-shadow:0 1px 4px rgba(0,0,0,.08)}.btn .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex:0 0 22px}.btn .icon svg{width:100%;height:100%}.btn.fb{border-left:4px solid #1877f2}.btn.gg{border-left:4px solid #ea4335}.btn.apl{border-left:4px solid #333}.btn.ms{border-left:4px solid #0078d4}.form-stack{display:flex;flex-direction:column;gap:10px}.form-stack input[type=email],.form-stack input[type=password]{padding:12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:var(--text);font-size:.95rem}.form-stack input[type=email]::placeholder,.form-stack input[type=password]::placeholder{color:var(--muted)}.form-stack button[type=submit],.form-stack input[type=submit]{border:none;background:var(--accent);color:#fff;font-weight:700;padding:12px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:opacity .15s ease}.form-stack button[type=submit]:hover,.form-stack input[type=submit]:hover{opacity:.9}.card footer{text-align:center;color:var(--muted);font-size:.75rem;margin-top:20px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:#fff;color:#1b1b1b;border-radius:var(--radius);max-width:400px;width:100%;padding:2.5rem 2rem;box-shadow:0 2px 12px rgba(0,0,0,.2)}.login-card h1{font-size:1.35rem;font-weight:600;margin-bottom:4px}.login-card p.sub{color:#6b7280;font-size:.85rem;margin-bottom:20px}.login-card .form-stack input[type=email],.login-card .form-stack input[type=password]{background:#f9fafb;color:#1b1b1b;border:1px solid #d1d5db}.login-card .form-stack input::placeholder{color:#9ca3af}.login-card .form-stack button[type=submit]{background:#0067b8;color:#fff}.login-card .form-stack button[type=submit]:hover{background:#005299}.login-logo{text-align:center;margin-bottom:1.5rem}.login-card.provider-google .form-stack button[type=submit]{background:#4285f4}.login-card.provider-google .form-stack button[type=submit]:hover{background:#3367d6}.login-card.provider-facebook .form-stack button[type=submit]{background:#1877f2}.login-card.provider-facebook .form-stack button[type=submit]:hover{background:#166fe5}.login-card.provider-apple .form-stack button[type=submit]{background:#000}.login-card.provider-apple .form-stack button[type=submit]:hover{background:#333}.login-card.provider-microsoft .form-stack button[type=submit]{background:#0078d4}.login-card.provider-microsoft .form-stack button[type=submit]:hover{background:#005a9e}.awareness-card{background:#fff;color:#1b1b1b;border-radius:var(--radius);max-width:540px;width:100%;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,.2);text-align:center}.awareness-card .shield{font-size:3.5rem;margin-bottom:12px}.awareness-card h1{font-size:1.5rem;color:#b42318;margin-bottom:8px}.awareness-card p{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:14px}.awareness-card ul{text-align:left;margin:0 auto 18px;max-width:420px;color:#374151;font-size:.9rem;line-height:1.7;padding-left:1.2em}.awareness-card .ok{display:inline-block;background:#059669;color:#fff;font-weight:600;padding:10px 28px;border-radius:10px;text-decoration:none;font-size:.95rem;margin-top:6px}