*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f7f7f9;color:#111827}.wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.visual{background:#111827;color:#fff;padding:55px;display:flex;flex-direction:column}.logo{font-size:22px;font-weight:850;color:#fff;text-decoration:none}.logo span{display:inline-grid;width:34px;height:34px;place-items:center;background:#7c3aed;border-radius:10px;margin-right:8px}.visual h1{font-size:48px;line-height:1.06;letter-spacing:-.04em;margin:auto 0 18px}.visual p{color:#cbd5e1;font-size:18px;line-height:1.6;max-width:500px}.checks{margin:20px 0 auto;color:#c4b5fd;line-height:2}.formside{display:grid;place-items:center;padding:30px}.card{width:min(440px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:34px;box-shadow:0 20px 60px #1118270d}.card h2{font-size:30px;margin:0 0 7px}.sub{color:#6b7280;margin:0 0 24px}.google{width:100%;padding:12px;border:1px solid #d1d5db;background:#fff;border-radius:9px;font-weight:700}.google b{font-size:17px;margin-right:8px;color:#4285f4}.or{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:12px;margin:20px 0}.or:before,.or:after{content:"";height:1px;background:#e5e7eb;flex:1}label{display:block;font-size:13px;font-weight:700;margin:13px 0 6px}input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:9px;outline:0}input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed12}.submit{width:100%;border:0;background:#6d28d9;color:#fff;padding:13px;border-radius:9px;font-weight:800;margin-top:18px}.foot{text-align:center;font-size:13px;color:#6b7280;margin-top:20px}.foot a{color:#6d28d9;font-weight:700}.error{background:#fef2f2;color:#b91c1c;padding:10px;border-radius:8px;font-size:13px}.success{background:#ecfdf5;color:#166534;padding:10px;border-radius:8px;font-size:13px}@media(max-width:800px){.wrap{grid-template-columns:1fr}.visual{display:none}.formside{padding:18px}.card{box-shadow:none}}