﻿.acharya-login{background:#f3f7fd}.acharya-login .header{position:relative}.back-home{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);font-weight:600}.back-home:hover{color:var(--blue)}.login-wrap{max-width:1030px;width:calc(100% - 64px);margin:50px auto 0}.login-frame{display:grid;grid-template-columns:.98fr 1fr;border-radius:20px;overflow:hidden;border:1px solid #dbe5f2;background:#fff;box-shadow:0 20px 50px #1b47860b}.login-story{position:relative;isolation:isolate;padding:38px 43px;background:radial-gradient(ellipse at 5% 100%,#245bb0,transparent 70%),#12346b;color:#fff;overflow:hidden}.login-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:35px 35px;z-index:-1}.login-story:after{content:"";position:absolute;width:330px;height:330px;right:-220px;top:70px;border:1px solid #9cc1ff26;border-radius:50%;box-shadow:0 0 0 40px #9cc1ff07,0 0 0 80px #9cc1ff05;z-index:-1}.story-eyebrow{font-size:9px;font-weight:650;letter-spacing:1.7px;color:#c3d8fa;display:flex;gap:8px;align-items:center}.story-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9cc4ff}.story-logo{display:block;object-fit:contain;border-radius:50%;background:white;width:112px;height:112px;margin:29px 0 22px;border:4px solid white}.login-story h1{font-size:39px;color:white;line-height:1.17;letter-spacing:-1.35px;margin:0 0 18px}.login-story h1 span{color:#aacbff}.login-story>p{font-size:12px;color:#c0d2ee;line-height:1.9;max-width:320px;margin:0 0 28px}.workspace-feature{display:flex;align-items:center;gap:12px;margin-top:20px}.workspace-feature>span{width:36px;height:36px;display:grid;place-items:center;background:#ffffff10;border:1px solid #ffffff1f;border-radius:9px;color:#bad6ff;flex-shrink:0;font-size:16px}.workspace-feature strong,.workspace-feature small{display:block}.workspace-feature strong{font-size:12px;font-weight:600}.workspace-feature small{font-size:10px;color:#b8cceb;margin-top:2px}.story-footer{border-top:1px solid #ffffff26;margin-top:31px;padding-top:19px;display:flex;align-items:center;gap:9px;font-size:9px;color:#bcd0ee}.story-footer i{color:#a3c8ff}.sign-in-panel{padding:52px 46px 38px;display:flex;flex-direction:column;justify-content:center}.access-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:8px}.sign-in-panel h2{font-size:34px;letter-spacing:-1px;margin:17px 0 11px}.login-description{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 28px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:12px;font-weight:650;color:#294564;margin-bottom:9px}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#91a4be;font-size:14px;pointer-events:none}.login-input{width:100%;height:49px;border:1px solid #ccd9e9;border-radius:7px;padding:12px 15px 12px 42px;background:#fafcff;color:var(--ink);font:inherit;font-size:12px;outline:none}.login-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #225ed411;background:white}.login-input::placeholder{color:#93a0b1}.password-label{display:flex;gap:10px;justify-content:space-between;align-items:baseline}.password-label>a{font-size:10px;font-weight:600;color:var(--blue)}.password-input{padding-right:46px}#toggle-password{position:absolute;right:5px;top:5px;width:38px;height:39px;background:transparent;border:0;border-radius:5px;cursor:pointer;color:#8095b2}#toggle-password:hover{background:#edf3fc;color:var(--blue)}.login-submit{width:100%;border:0;border-radius:7px;background:var(--blue);color:white;padding:15px 10px;cursor:pointer;font:inherit;font-size:12px;font-weight:650;box-shadow:0 5px 12px #225ed41a;transition:background .15s}.login-submit:hover{background:#184faa}.login-submit:focus-visible,.login-input:focus-visible{outline:2px solid #92b8f9;outline-offset:3px}.sign-in-note{display:flex;gap:8px;color:#8291a5;font-size:9px;line-height:1.7;margin:17px 0 26px}.sign-in-note i{color:#7697c8;margin-top:3px}.login-help{border-top:1px solid #e5ebf4;padding-top:22px;color:#7d8ba0;font-size:11px;line-height:1.9}.login-help a{color:var(--blue);font-weight:600;font-size:11px}.login-help i{font-size:9px;margin-left:6px}.login-alert{padding:12px 14px;border:1px solid;border-radius:7px;font-size:12px;line-height:1.6;margin-bottom:18px}.login-alert ul{margin:6px 0 0;padding-left:18px}.login-alert.error{color:#9d2938;background:#fff4f5;border-color:#f0d4d8}.login-alert.success{color:#206747;background:#f0faf5;border-color:#cce5d8}.field-error{font-size:11px;color:#ac3648;display:block;margin-top:6px}.login-bottom{display:flex;justify-content:space-between;gap:15px;color:#8091a6;font-size:9px;padding:22px 4px 27px}.login-story .story-logo{aspect-ratio:1}.acharya-login form{margin:0}
@media(max-width:900px){.login-wrap{width:calc(100% - 48px);margin-top:35px}.login-story{padding:32px}.sign-in-panel{padding:40px 30px}.login-story h1{font-size:34px}.workspace-feature small{font-size:9px}.story-footer{font-size:8px}}
@media(max-width:650px){.login-wrap{width:calc(100% - 32px);margin-top:24px}.login-frame{grid-template-columns:1fr;border-radius:15px}.login-story{padding:27px 28px}.story-logo{width:75px;height:75px;margin:20px 0 16px}.login-story h1{font-size:31px;margin-bottom:12px}.login-story>p{font-size:12px;margin-bottom:0;max-width:380px}.workspace-feature,.story-footer{display:none}.story-eyebrow{font-size:8px;letter-spacing:1.4px}.sign-in-panel{padding:31px 28px}.sign-in-panel h2{font-size:31px}.login-description{margin-bottom:23px}.sign-in-note{margin-bottom:20px}.login-bottom{font-size:8px;justify-content:center}.login-bottom span+span{display:none}.acharya-login .brand>span{font-size:15px}.acharya-login .brand strong{font-size:10px;letter-spacing:4.4px}.acharya-login .brand small{display:none}.acharya-login .brand img{width:49px;height:49px}.acharya-login .nav-row{gap:15px;min-height:80px}.back-home{font-size:10px;gap:7px}.password-label>a{font-size:10px}}
@media(max-width:360px){.login-story{padding:25px}.sign-in-panel{padding:28px 23px}.login-story h1{font-size:28px}.back-home{font-size:9px}.acharya-login .brand{gap:7px}.acharya-login .brand>span{font-size:13px}.acharya-login .brand img{width:43px;height:43px}.acharya-login .brand strong{letter-spacing:3.4px}.login-input{font-size:11px}.sign-in-panel h2{font-size:29px}}
