:root{font-size:16px;color:#183744;font-family:Inter,"Segoe UI",Arial,sans-serif}body{background:#f5f9f7;line-height:1.5}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth-brand{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 70%,#12826488,transparent 60%),linear-gradient(145deg,#112d40 10%,#164247 60%,#0b5a48);color:white;display:flex;flex-direction:column;padding:44px 52px 30px}.auth-brand:before{content:'';position:absolute;z-index:-1;inset:25% -30% -30% 20%;background:repeating-linear-gradient(150deg,transparent 0 89px,#a7ebca12 90px 91px,transparent 92px 180px);transform:rotate(-2deg);mask-image:linear-gradient(transparent,#000)}.auth-brand:after{content:'';position:absolute;z-index:-1;width:490px;height:490px;border:1px solid #b0e6d126;border-radius:50%;right:-280px;bottom:-130px;box-shadow:0 0 0 65px #a6e8cf07,0 0 0 130px #a6e8cf05}.auth-brand .brand{border:0;padding:0;height:auto;align-self:flex-start;gap:16px}.auth-brand .brand img{width:64px;height:64px;object-fit:contain}.auth-brand .brand strong{font-size:25px;color:#fff;letter-spacing:-.4px}.auth-brand .brand small{font-size:10px;letter-spacing:2px;color:#b4d5d6;margin-top:7px}.auth-message{margin:auto 0;padding:80px 0}.auth-kicker{font-size:11px;font-weight:650;letter-spacing:1.8px;color:#bbebd4;display:inline-flex;align-items:center;gap:10px}.auth-kicker i{width:7px;height:7px;background:#8ee5b7;border-radius:50%;box-shadow:0 0 0 5px #8ee5b712}.auth-message h1{font-size:clamp(36px,3.5vw,55px);font-weight:650;letter-spacing:-1.8px;line-height:1.2;margin:26px 0 24px;color:#fff}.auth-message em{font-style:normal;color:#9be0bd}.auth-message>p{font-size:16px;line-height:1.9;color:#cee2e2}.auth-feature-grid{margin-top:51px;display:flex;flex-direction:column;gap:22px}.auth-feature-grid>div{display:grid;grid-template-columns:35px auto;column-gap:13px}.auth-feature-grid>div>span{grid-row:span 2;font-size:11px;color:#a6d3c0;border:1px solid #badfd22c;border-radius:8px;width:34px;height:35px;display:grid;place-items:center;align-self:center;background:#ffffff05}.auth-feature-grid strong{font-size:14px;font-weight:600;color:#f0f8f5}.auth-feature-grid small{font-size:12px;color:#aececa;margin-top:4px}.auth-brand-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1a;padding-top:23px;color:#b7d2cb;font-size:12px}.auth-brand-foot>span:last-child{font-size:9px;letter-spacing:1.8px;color:#97b8b1}.auth-form{display:flex;justify-content:center;align-items:center;padding:52px 42px;background:radial-gradient(ellipse at 100% 0,#ddefe6aa,transparent 60%),#f9fbfa}.auth-form-inner{width:100%;max-width:430px}.auth-form-brand{display:flex;align-items:center;gap:14px;margin-bottom:43px}.auth-form-brand img{width:54px;height:54px;object-fit:contain}.auth-form-brand span{font-size:18px;font-weight:650;color:#2d4d58}.auth-form-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#1d8066}.auth-form h1{font-size:36px;letter-spacing:-1px;font-weight:700;margin-top:11px;color:#183a49;line-height:1.3}.auth-subtitle{font-size:15px;line-height:1.8;color:#56727d;margin-top:12px;max-width:360px}.auth-form form{margin-top:32px}.auth-form label{margin-bottom:22px}.auth-form label>span:first-child{font-size:14px;color:#2a4e5b;font-weight:600;margin-bottom:9px}.auth-form input:not([type=checkbox]),.auth-form select{font-size:16px;min-height:54px;padding:14px 16px;border:1px solid #bfcfc8;border-radius:9px;background:#fff;color:#214653;box-shadow:0 2px 5px #173f2e02}.auth-form input::placeholder{color:#7b9098}.password-field{display:block;position:relative}.password-field input{padding-right:72px!important}.password-field button{position:absolute;right:7px;top:5px;min-height:44px;min-width:55px;background:transparent;border:0;border-radius:6px;color:#0a7b60;font-size:13px;font-weight:600}.password-field button:hover{background:#eef7f1}.auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 25px}.auth-row .checkbox{font-size:13px;min-height:38px;color:#466674;margin:0;gap:9px;white-space:nowrap}.auth-row .checkbox input{width:18px;height:18px;accent-color:#087d61}.auth-row a{font-size:13px;font-weight:600;color:#087859;text-underline-offset:4px}.auth-row a:hover{text-decoration:underline}.auth-form .btn.primary{width:100%;font-size:15px;min-height:54px;background:linear-gradient(105deg,#08775e,#0b9470);border:1px solid #08775e;border-radius:9px;box-shadow:0 7px 18px #0a7d5c20;color:#fff;display:flex;justify-content:space-between;padding:15px 19px}.auth-form .btn.primary:hover{background:#086b55;box-shadow:0 8px 24px #0b775b30}.auth-form .btn span{font-size:21px;line-height:1}.auth-trust{display:flex;gap:9px;align-items:center;justify-content:center;font-size:11px;color:#617e82;margin:24px 0 31px}.auth-trust svg{width:17px;height:17px;color:#278766;flex-shrink:0}.auth-footer{display:block;text-align:center;font-size:11px;color:#6f878c;border-top:1px solid #e0eae4;padding-top:23px}.auth-form .error,.auth-form .form-hint{font-size:14px;line-height:1.7;margin-top:20px;padding:13px 15px}.auth-form .error{color:#9b342c;background:#fff0eb}.demo-login-note{border:1px solid #bad9cb;background:#edf7f0;color:#2f674f;font-size:13px;line-height:1.7;padding:13px 15px;border-radius:8px;margin-top:22px}.demo-login-note strong{display:block;margin-bottom:3px}.auth-form input[readonly]{background:#f1f5f3;color:#657f83;cursor:default}.auth-form .demo-login-link{display:block;text-align:center;margin-top:20px;color:#146c55;font-size:13px;font-weight:600;min-height:35px}.auth-demo-badge{display:inline-block;font-size:10px;color:#1a624a;letter-spacing:.5px;background:#e0f1e7;padding:5px 9px;border-radius:5px;margin-left:8px}
@media(min-width:1700px){.auth-brand{padding:58px 75px 40px}.auth-message{padding:100px 0}.auth-message h1{font-size:62px}.auth-form-inner{max-width:460px}}
@media(max-width:1100px){.auth-brand{padding:36px}.auth-brand .brand strong{font-size:21px}.auth-brand .brand img{width:54px;height:54px}.auth-message h1{font-size:38px;letter-spacing:-1px}.auth-message>p{font-size:15px}.auth-form{padding:40px 30px}.auth-brand-foot>span:last-child{display:none}.auth-feature-grid{margin-top:38px}.auth-form h1{font-size:33px}}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;min-height:100svh}.auth-brand{display:none}.auth-form{padding:44px 25px;min-height:100svh;background:radial-gradient(ellipse at 100% 0,#cce9dc99,transparent 60%),#f7faf8}.auth-form-inner{max-width:460px}.auth-form-brand{margin-bottom:38px}.auth-form-brand img{width:58px;height:58px}.auth-form-brand span{font-size:20px}.auth-form h1{font-size:35px}.auth-subtitle{font-size:16px}.auth-form label>span:first-child{font-size:15px}.auth-form input:not([type=checkbox]),.auth-form select{font-size:16px;min-height:55px}.auth-row .checkbox,.auth-row a{font-size:13px}.auth-trust{font-size:12px;line-height:1.6;text-align:left}.auth-footer{font-size:12px}.auth-form .btn.primary{font-size:16px;min-height:56px}}
@media(max-width:380px){.auth-form{padding:30px 20px}.auth-form h1{font-size:32px}.auth-form-brand{margin-bottom:30px}.auth-form-brand span{font-size:18px}.auth-row{gap:8px}.auth-row a,.auth-row .checkbox{font-size:12px}.auth-demo-badge{margin-left:0;margin-top:5px}.auth-trust{font-size:11px}}