:root{--card: #ffffff;--text: #1f2937;--muted: #6b7280;--ring: #e5e7eb;--shadow: 0 18px 60px rgba(15, 23, 42, .28);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f5f8;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-layout{width:100%;max-width:980px;min-height:480px;background:#fff;border-radius:26px;box-shadow:var(--shadow);display:flex;overflow:hidden}.panel{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center}.panel-right{order:1;padding:0}.panel-left{order:2;padding:32px;background:#fff}.panel-right .hero{width:100%;height:100%;min-height:420px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 32px 26px;color:#fff}.brand-footer{position:relative;align-self:flex-end;text-align:right;text-shadow:0 4px 16px rgba(0,0,0,.5);margin-bottom:24px}.brand-title{display:inline-block;font-weight:800;border:2px solid #fff;border-radius:999px;padding:4px 10px;margin-right:8px}.brand-sub{display:inline-block;font-weight:600;letter-spacing:.02em}.brand-sub small{font-weight:400;opacity:.9}.privacy{position:absolute;right:24px;bottom:12px;z-index:2;color:#fff;text-decoration:none;font-size:12px;opacity:.95}.privacy a{color:#fff;text-decoration:none}.privacy a:hover{text-decoration:underline}.card{position:relative;width:100%;max-width:380px;background:var(--card);border-radius:var(--radius);box-shadow:0 12px 30px #0f172a24;border:1px solid rgba(15,23,42,.04);padding:70px 28px 26px}.brand-badge{position:absolute;left:50%;top:-44px;transform:translate(-50%);width:88px;height:88px;border-radius:50%;background:#fff;border:6px solid #fff;box-shadow:0 8px 24px #0f172a40;display:grid;place-items:center}.brand-badge img{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;border-radius:50%}.title{text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:14px;text-align:center;color:var(--muted);margin:0 0 18px}.form{display:grid;gap:16px}.field .label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.control{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--ring);border-radius:12px;padding:10px 12px 10px 44px;transition:.2s}.control:focus-within{border-color:#c7cad1;box-shadow:0 0 0 3px #0000000a}.control input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:var(--text)}.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9aa0a6}.icon svg{width:20px;height:20px;fill:#9aa0a6}.toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:6px}.toggle svg{width:22px;height:22px;fill:#9aa0a6}.btn-primary{margin-top:6px;width:100%;border:0;border-radius:12px;padding:12px 16px;font-weight:600;color:#fff;background-color:#083cd5;cursor:pointer;box-shadow:0 8px 18px #031f73;transition:transform .05s,background .2s}.btn-primary:active{transform:translateY(1px)}.btn-primary:hover{background-color:#031f73}@media(max-width:980px){body{padding:16px}.auth-layout{max-width:420px;flex-direction:column}.panel-right{display:none}.panel-left{order:1;padding:28px 18px 22px}.card{max-width:100%;padding:68px 20px 22px}.brand-badge{top:-38px;width:80px;height:80px}.brand-badge img{width:64px;height:64px}}