:root{--navy-900: #0c2438;--navy-800: #123450;--teal-500: #12a3a0;--teal-400: #38c7bd;--white: #ffffff;--gray-50: #f5f8f9;--gray-200: #e2e8ec;--gray-500: #6b7c8a;--gray-700: #33424e;--danger: #d64545;--radius: 10px;--shadow: 0 10px 30px rgba(12, 36, 56, .12)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--gray-50);color:var(--gray-700)}a{text-decoration:none;color:inherit}.auth-shell{min-height:100vh;display:flex}.brand-panel{flex:1 1 42%;background:linear-gradient(160deg,var(--navy-900) 0%,#163f5f 55%,var(--teal-500) 130%);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(56,199,189,.25),transparent 45%)}.brand-panel__content{position:relative;z-index:1;max-width:420px;margin-top:64px}.brand-panel__content h1{font-size:28px;line-height:1.35;margin:0 0 16px}.brand-panel__content p{font-size:15px;line-height:1.6;color:#ffffffd9}.brand-panel__footer{position:relative;z-index:1;font-size:13px;color:#ffffffb3}.form-panel{flex:1 1 58%;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--white)}.auth-card{width:100%;max-width:420px}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-logo img{width:48px;height:48px;object-fit:contain}.brand-logo__text{display:flex;flex-direction:column;line-height:1.2}.brand-logo--light .brand-logo__text strong{color:var(--white);font-size:16px}.brand-logo--light .brand-logo__text em{color:var(--teal-400);font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.brand-logo--dark .brand-logo__text strong{color:var(--navy-900);font-size:16px}.brand-logo--dark .brand-logo__text em{color:var(--teal-500);font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.auth-card h2{font-size:24px;color:var(--navy-900);margin:0 0 6px}.auth-card .subtitle{color:var(--gray-500);font-size:14px;margin:0 0 28px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-group input{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #12a3a026}.form-row-two{display:flex;gap:12px}.btn-primary{width:100%;padding:13px 16px;background:linear-gradient(135deg,var(--teal-500),var(--navy-800));color:var(--white);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .05s ease}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-alert{background:#fdecec;border:1px solid #f5c2c2;color:var(--danger);font-size:13px;padding:10px 14px;border-radius:var(--radius);margin-bottom:18px}.auth-switch{margin-top:24px;font-size:14px;color:var(--gray-500);text-align:center}.auth-switch a{color:var(--teal-500);font-weight:600}@media (max-width: 900px){.auth-shell{flex-direction:column}.brand-panel{padding:32px 24px}.brand-panel__content{margin-top:24px}.form-row-two{flex-direction:column}}