:root{color-scheme:light;--purple:#6940ab;--purple-dark:#56328e;--button:#e6d3fb;--button-active:#7045b6;--ink:#292929;--line:#3f3f3f;--muted:#60467b;font-family:"Zoho Puvi",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#f4f4f6;color:var(--ink)}button,input{font:inherit}.app-screen{position:relative;display:flex;width:min(100%,720px);min-height:100vh;min-height:100svh;margin:0 auto;flex-direction:column;overflow:hidden;background:#fff}.desktop-visual{display:none}.auth-panel{display:flex;min-width:0;min-height:100%;flex:1;flex-direction:column}.brand-bar{display:flex;padding:26px 22px 0;align-items:flex-start}.brand-logo{display:block;width:82px;height:auto}.login-shell{display:flex;width:100%;flex:1;padding:clamp(135px,26vh,240px) 21px 150px;justify-content:center}.login{width:100%;max-width:636px}.login__header{margin-bottom:17px;text-align:center}.login__header p,.login__header h1{margin:0}.login__header p{font-size:clamp(16px,4.1vw,22px);font-weight:400;line-height:1.35}.login__header h1{margin-top:3px;font-size:clamp(18px,4.5vw,24px);font-weight:700;line-height:1.35}.field{position:relative;margin-top:0}.field--password{margin-top:45px}.field label{display:block;margin-bottom:2px;color:var(--muted);font-size:clamp(14px,3.4vw,20px);line-height:1.3}.field--password label{color:var(--ink);font-size:clamp(18px,4vw,24px)}.field input{width:100%;height:35px;padding:0 1px 7px;border:0;border-bottom:1.5px solid var(--line);border-radius:0;background:transparent;color:#303030;font-size:clamp(19px,4.1vw,28px);line-height:1;outline:0}.field input:focus,.field:first-of-type input{border-bottom:2px solid var(--purple)}.field input[aria-invalid="true"]{border-bottom-color:#a5263d}.field__error{position:absolute;top:100%;left:0;margin:4px 0 0;color:#a5263d;font-size:12px;line-height:1.2}.password-control{position:relative}.password-control input{padding-right:43px}.visibility-toggle{position:absolute;right:-3px;bottom:2px;display:grid;width:39px;height:39px;padding:3px;border:0;background:transparent;color:#555;cursor:pointer;place-items:center}.visibility-toggle:focus-visible,.forgot-password:focus-visible,.submit-button:focus-visible,.remember input:focus-visible+.remember__box{outline:2px solid #9a73cf;outline-offset:3px}.eye{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.eye--open{display:none}.visibility-toggle[aria-pressed="true"] .eye--closed{display:none}.visibility-toggle[aria-pressed="true"] .eye--open{display:block}.forgot-password{display:block;width:fit-content;margin:22px auto 15px;color:#4f3473;font-size:clamp(16px,3.6vw,22px);line-height:1.4;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-button{margin-top:26px;font-size:clamp(12.5px,2.7vw,15.5px);letter-spacing:1px;width:100%;height:44px;padding:0;border:0;border-radius:8px;background:var(--button);color:#fff;cursor:pointer;font-size:clamp(14px,3.1vw,20px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;transition:background 160ms ease,opacity 160ms ease,transform 100ms ease}.submit-button:disabled{cursor:default;opacity:0.78}.submit-button:not(:disabled){background:var(--button-active);opacity:1}.submit-button:not(:disabled):active{transform:translateY(1px)}.remember{display:flex;width:fit-content;margin:22px auto 0;align-items:center;gap:8px;color:#343434;cursor:pointer;font-size:clamp(16px,3.5vw,22px);line-height:22px}.remember input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.remember__box{display:grid;width:22px;height:22px;border:1.5px solid var(--purple);border-radius:4px;background:#fff;color:var(--purple);place-items:center}.remember__box svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.remember input:not(:checked)+.remember__box svg{visibility:hidden}.form-status{min-height:15px;margin:9px 0 0;color:var(--purple);font-size:12px;text-align:center}@media (min-width:900px){body{background:#5d38b8}.app-screen{width:100%;max-width:none;min-height:100vh;flex-direction:row;overflow:hidden;box-shadow:none}.desktop-visual{display:block;width:51%;min-height:100vh;flex:0 0 51%;background-image:linear-gradient(rgba(18,19,21,0.16),rgba(18,19,21,0.16)),url("../img/h_4b8a.webp");background-position:left center;background-repeat:no-repeat;background-size:cover}.auth-panel{position:relative;width:49%;min-height:100vh;flex:0 0 49%;overflow:hidden;background:linear-gradient(145deg,#6541c4 0%,#5731ae 100%)}.auth-panel::after{position:absolute;right:-85px;bottom:-115px;width:220px;height:220px;border-radius:44px;background:#33d4a0;content:"";transform:rotate(45deg)}.brand-bar{display:none}.login-shell{position:relative;z-index:1;min-height:100vh;padding:48px clamp(34px,5vw,84px);align-items:center}.login{max-width:540px;padding:clamp(34px,4vw,52px);border:1px solid rgba(255,255,255,0.72);border-radius:26px;background:rgba(255,255,255,0.98);box-shadow:0 28px 75px rgba(35,16,78,0.28)}.login__header{margin-bottom:34px}.login__header p{font-size:18px}.login__header h1{margin-top:5px;color:#211b2d;font-size:28px}.field label,.field--password label{color:#5b4773;font-size:14px;font-weight:600}.field input{height:48px;padding:4px 2px 10px;border-bottom-width:1px;color:#241d2f;font-size:17px}.field--password{margin-top:30px}.field__error{margin-top:6px;font-size:12px}.password-control input{padding-right:48px}.visibility-toggle{right:0;bottom:5px}.eye{width:25px;height:25px}.forgot-password{margin:25px auto 20px;font-size:15px;font-weight:600}.submit-button{margin-top:26px;font-size:clamp(12.5px,2.7vw,15.5px);letter-spacing:1px;height:54px;border-radius:12px;font-size:14px;letter-spacing:3px;box-shadow:0 9px 22px rgba(91,51,164,0.18)}.remember{margin-top:22px;font-size:15px}.remember__box{width:21px;height:21px}.form-status{margin-top:12px;font-size:13px}}@media (max-height:760px) and (max-width:759px){.login-shell{padding-top:90px;padding-bottom:100px}.field--password{margin-top:36px}.forgot-password{margin-top:18px;margin-bottom:13px}.remember{margin-top:18px}}@media (max-height:680px){.login-shell{padding-top:62px;padding-bottom:86px}.field--password{margin-top:30px}}@media (prefers-reduced-motion:reduce){.submit-button{margin-top:26px;font-size:clamp(12.5px,2.7vw,15.5px);letter-spacing:1px;transition:none}}