*{box-sizing:border-box}body{margin:0;background:#f4f9fb;color:#0a2440;font-family:"DM Sans",sans-serif}.auth-shell{min-height:100vh;padding:28px 22px;display:flex;flex-direction:column;align-items:center}.auth-logo{align-self:flex-start;width:min(1180px,100%);margin:auto auto 22px}.auth-logo img{width:195px}.auth-card{width:min(980px,100%);min-height:590px;background:#fff;border:1px solid #dfeaed;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 80px rgba(15,54,72,.1)}.auth-art{background:linear-gradient(145deg,#061d36,#0b4359 55%,#087f7e);padding:60px;color:#fff;position:relative;overflow:hidden}.auth-art h1{font:800 48px/1.04 Manrope;margin:20px 0}.auth-art h1 span{color:#53d1aa}.auth-art p{color:#a9bfcb;line-height:1.7;font-size:14px;max-width:340px}.auth-art .kicker{color:#5ed4ae}.art-line{height:1px;background:rgba(255,255,255,.14);margin:70px 0 25px}.art-stat{display:flex;gap:13px;align-items:center;font-size:12px}.art-stat>b{width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.1);display:grid;place-items:center}.art-stat small{display:block;color:#89a9b8;margin-top:3px;font-size:9px}.kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#0b8d85}.auth-form{padding:75px 65px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font:800 30px Manrope;margin:10px 0}.auth-form>p{color:#7b8f9e;font-size:13px;margin:0 0 35px}.auth-form label{font-size:11px;font-weight:800;display:block;margin-bottom:8px}.phone{height:54px;border:1px solid #d6e4e9;border-radius:12px;display:flex;align-items:center;margin-bottom:14px;overflow:hidden}.phone span{height:100%;display:grid;place-items:center;padding:0 15px;border-right:1px solid #e1ebee;font-size:13px;color:#668096}.phone input{border:0;outline:0;flex:1;padding:0 15px;font:500 14px "DM Sans"}.btn{height:54px;width:100%;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#092d55,#078c89,#1aa96f);font:700 13px "DM Sans";cursor:pointer}.legal{font-size:9px;color:#94a4ae;line-height:1.6;margin-top:18px}.msg{font-size:11px;margin-top:12px;color:#0c8c66}.centered{justify-content:center}.otp-card{width:min(470px,100%);background:#fff;border:1px solid #dfeaed;border-radius:25px;padding:45px;box-shadow:0 25px 70px rgba(15,54,72,.09);text-align:center}.otp-icon{width:55px;height:55px;border-radius:16px;margin:0 auto 22px;background:#eaf8f3;color:#118f66;display:grid;place-items:center;font-size:25px}.otp-card h1{font:800 28px Manrope;margin:10px 0}.otp-card p{color:#7b8f9e;font-size:13px}.otp-boxes{display:flex;gap:8px;justify-content:center;margin:28px 0}.otp-boxes input{width:47px;height:54px;border:1px solid #d5e3e8;border-radius:10px;text-align:center;font:700 20px Manrope;outline:0}.otp-boxes input:focus{border-color:#0b8e88;box-shadow:0 0 0 3px rgba(11,142,136,.1)}.otp-row{display:flex;justify-content:center;gap:15px;margin:18px 0}.otp-row button,.back{border:0;background:none;color:#087f80;font:700 11px "DM Sans";cursor:pointer}.otp-row span{font-size:11px;color:#8ca0ac}.back{display:inline-block;margin-top:18px}footer{margin-top:25px;color:#98a8b3;font-size:9px}@media(max-width:700px){.auth-shell{padding:20px 15px}.auth-logo{margin-bottom:15px}.auth-card{grid-template-columns:1fr;min-height:auto}.auth-art{display:none}.auth-form{padding:45px 25px}.otp-card{padding:35px 20px}.otp-boxes input{width:42px}}