*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b1930;background:#f4f7fb}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(420px,.75fr)}.auth-visual{position:relative;min-height:100vh;overflow:hidden;background:#07110f}.auth-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,12,.12),rgba(2,10,12,.22)),linear-gradient(0deg,rgba(1,8,10,.78),transparent 65%)}.visual-copy{position:absolute;left:8%;right:8%;bottom:8%;color:white}.brand,.mobile-brand{font-size:26px;font-weight:850;letter-spacing:.12em}.visual-copy h1{font-size:clamp(42px,5vw,74px);line-height:.98;margin:24px 0 20px;letter-spacing:-.045em}.visual-copy p{max-width:560px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.76)}.visual-copy span{display:flex;align-items:center;gap:9px;margin-top:30px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#c9d7d4}.visual-copy i{width:8px;height:8px;border-radius:50%;background:#8ef2c4;box-shadow:0 0 18px #8ef2c4}.auth-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:50px;background:radial-gradient(circle at 100% 0,#e7f4f1 0,transparent 35%),#f7f9fc;position:relative}.auth-card{width:min(470px,100%);background:rgba(255,255,255,.9);border:1px solid #dfe7f0;border-radius:28px;padding:42px;box-shadow:0 24px 70px rgba(18,38,63,.10);backdrop-filter:blur(12px)}.mobile-brand{display:none;color:#0a1b2f;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#56707d}.auth-card h2{font-size:34px;letter-spacing:-.035em;margin:10px 0 10px}.auth-card>p{margin:0 0 28px;color:#637188;line-height:1.55}.auth-card label{display:block;font-size:13px;font-weight:750;margin:17px 0 7px}.auth-card input{width:100%;height:52px;border:1px solid #d7e0eb;border-radius:14px;background:#f9fbfd;padding:0 16px;font:inherit;color:#10233d;outline:none;transition:.2s}.auth-card input:focus{border-color:#183c55;box-shadow:0 0 0 4px rgba(24,60,85,.08);background:white}.auth-card button{width:100%;height:54px;border:0;border-radius:14px;margin-top:24px;background:#0b1b31;color:white;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 25px rgba(11,27,49,.16)}.auth-card button:hover{transform:translateY(-1px)}.auth-error{padding:12px 14px;border-radius:12px;background:#fff1f1;border:1px solid #f2cccc;color:#8e2d2d;font-size:14px;margin:0 0 18px}.security-note{display:flex;flex-direction:column;gap:4px;margin-top:26px;padding-top:22px;border-top:1px solid #e7edf3}.security-note b{font-size:13px}.security-note span{font-size:12px;color:#7a8798;line-height:1.45}.auth-panel footer{position:absolute;bottom:22px;font-size:11px;color:#9aa6b4}.auth-panel form{margin:0}@media(max-width:900px){.auth-shell{display:block}.auth-visual{display:none}.auth-panel{padding:24px;min-height:100vh}.auth-card{padding:30px 24px}.mobile-brand{display:block}.auth-card h2{font-size:30px}}@media(max-width:480px){.auth-panel{padding:14px}.auth-card{border-radius:22px;box-shadow:0 14px 40px rgba(18,38,63,.08)}}