*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:#142b40}body{background:#f4f7fa}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(400px,47%) 1fr}.brand-side{background:linear-gradient(148deg,#10283f 0%,#0b3d69 66%,#10536b 100%);padding:43px clamp(32px,5vw,85px);display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.brand-side:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff13;border-radius:50%;right:-340px;top:17%}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#fff;position:relative;z-index:1}.brand-mark{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#00a6e8,#00c49a);font-size:24px}.brand strong{font-size:22px;letter-spacing:.3px}.brand small{display:block;color:#a8d2e6;font-size:9px;letter-spacing:1.8px;margin-top:3px}.brand-content{margin:auto 0;position:relative;z-index:1;max-width:550px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.1px;color:#70e0d0}.brand-content h1{font-size:clamp(35px,3.6vw,59px);letter-spacing:-2.5px;line-height:1.14;margin:23px 0}.brand-content h1 em{font-style:normal;color:#53d8c4}.brand-content p{color:#c0d3df;font-size:15px;line-height:1.85;max-width:410px}.brand-art{height:235px;position:relative;margin-top:36px}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-a{width:200px;height:200px;background:#00a6e822;left:32%;top:0}.orb-b{width:125px;height:125px;background:#ff8a0025;left:10%;top:58px}.art-book{position:absolute;left:19%;top:50px;width:280px;height:135px;display:flex;filter:drop-shadow(0 18px 18px #001b3370);transform:rotate(-9deg)}.art-book span{width:50%;background:linear-gradient(125deg,#fff,#b9e2e9);border-radius:10px 2px 3px 15px;border:8px solid #d7eef4;box-shadow:inset 0 0 0 1px #90bccb}.art-book span+span{border-radius:2px 10px 15px 3px;background:linear-gradient(145deg,#ccebf4,#fff)}.art-card{position:absolute;border:1px solid #ffffff65;border-radius:15px;box-shadow:0 14px 30px #00192d50;display:grid;place-items:center}.art-card-one{left:63%;top:13px;background:#ff8a00;width:62px;height:62px;font-size:32px}.art-card-two{left:3%;top:130px;background:#00a6e8;width:105px;height:56px;font-size:19px;letter-spacing:4px}.brand-footer{position:relative;z-index:1;font-size:11px;color:#a9c3d3}.brand-footer span{color:#ff8a00;margin:0 6px}.form-side{background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:70px 30px}.form-shell{width:min(100%,435px)}.mobile-brand{display:none}.form-eyebrow{color:#008c99;letter-spacing:1.9px;font-size:11px;font-weight:800}.form-shell h2{font-size:34px;letter-spacing:-1.2px;margin:15px 0 8px}.intro{color:#718395;font-size:14px;margin:0 0 37px}.field{margin:0 0 22px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.field input{width:100%;height:49px;border:1px solid #dbe5ed;background:#f8fafc;border-radius:10px;padding:0 15px;font:inherit;font-size:13px;color:#142b40;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#00a6e8;box-shadow:0 0 0 3px #00a6e81a}.password-field{position:relative}.password-field input{padding-right:85px}.toggle{position:absolute;right:9px;top:8px;height:33px;border:0;background:#e9f2f6;border-radius:7px;color:#27546a;font-size:11px;font-weight:700;padding:0 11px;cursor:pointer}.submit{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(105deg,#0b3d91,#007da5);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}.submit:hover{filter:brightness(1.08)}.submit span{font-size:19px}.support{font-size:12px;color:#8192a1;text-align:center;margin:24px 0}.support a,.back{color:#087b9e;font-weight:700;text-decoration:none}.form-divider{border-top:1px solid #e8eef3;margin:35px 0 23px}.signup-hint{font-size:12px;color:#6c7e8f;line-height:1.8}.signup-hint span{font-weight:700;color:#26485d}.back{display:inline-block;font-size:12px;margin-top:22px}.form-footer{position:absolute;bottom:30px;color:#9baab6;font-size:11px}.error,.notice{padding:13px 15px;border-radius:9px;font-size:12px;margin:0 0 23px}.error{background:#fff1ee;border:1px solid #f5c6b9;color:#9c3b24}.notice{background:#edf7fb;border:1px solid #cceaf5;color:#27556a}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.brand-side{display:none}.form-side{min-height:100vh}.mobile-brand{display:block;color:#0b3d91;font-weight:800;font-size:17px;margin-bottom:55px}.mobile-brand span{display:block;font-weight:500;color:#8293a3;font-size:10px;margin-top:5px}.form-footer{bottom:20px}}@media(max-width:480px){.form-side{padding:40px 23px}.form-shell h2{font-size:28px}.intro{margin-bottom:30px}}