*{box-sizing:border-box} html,body{min-height:100%} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
    button{transition:.18s ease} button:active{transform:scale(.98)}
    .active-rail:before{content:"";position:absolute;left:-18px;top:10px;width:4px;height:32px;border-radius:0 6px 6px 0;background:#069db0}
    .field{height:45px;width:100%;border:1px solid #d3e1ee;border-radius:13px;background:#fff;padding:0 16px;outline:none;color:#102b45}
    .field:focus,.area:focus{border-color:#069db0;box-shadow:0 0 0 3px rgba(6,157,176,.1)}
    .area{width:100%;border:1px solid #d3e1ee;border-radius:15px;background:#f8fbfd;padding:12px;outline:none;resize:vertical}
    .card{border:1px solid #d3e1ee;border-radius:22px;background:#fff;box-shadow:0 20px 38px rgba(22,80,105,.07)}
    .scrollbar-none::-webkit-scrollbar{display:none}
    .login-field{height:53px;width:100%;border:1px solid #d3e1ee;border-radius:11px;background:#fff;padding:0 46px;outline:none;color:#102b45;transition:.2s ease}
    .login-field::placeholder{color:#b1c2d5}.login-field:focus{border-color:#069db0;box-shadow:0 0 0 3px rgba(6,157,176,.1)}
    .login-visual{background:linear-gradient(140deg,#047d87 0%,#0797a3 42%,#12acb8 100%)}
    .login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 3%,rgba(112,224,228,.28),transparent 27%),linear-gradient(155deg,transparent 0 43%,rgba(2,109,118,.14) 43.2% 44%,transparent 44.2%),radial-gradient(circle at 12% 100%,rgba(80,208,214,.25),transparent 32%);pointer-events:none}
    .login-grid{background-image:radial-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.5px);background-size:24px 24px}
    @media(max-width:767px){.shell-main{margin-left:0!important}.desktop-pad{padding-left:20px!important;padding-right:20px!important}}