:root{--red:#ed2424;--dark:#222;--muted:#858585;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Alexandria,Arial,sans-serif;background:#f3f3f3;color:#171717}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-side{position:relative;overflow:hidden;background:#242424;color:#fff;padding:8vh 8vw;display:flex;flex-direction:column;justify-content:space-between}.brand-side:after{content:'SHINI';position:absolute;left:-2vw;bottom:-5vh;font-size:18vw;font-weight:700;color:#ffffff05}.brand-side img{position:relative;width:250px;height:120px;object-fit:cover;z-index:1}.brand-side div:last-child{position:relative;z-index:1}.brand-side span,.eyebrow{font-size:13px;color:var(--red);font-weight:700}.brand-side h1{font-size:clamp(30px,4vw,58px);line-height:1.45;margin:14px 0}.brand-side p{color:#aaa;font-size:14px}.brand-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#ed242425;filter:blur(50px);top:-180px;right:-180px}.form-side{display:grid;place-items:center;padding:40px}.form-side form{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px;box-shadow:0 18px 60px #0000000d}.mobile-logo{display:none}.form-side h2{font-size:30px;margin:10px 0}.subtitle{color:var(--muted);font-size:12px;margin:0 0 28px}.error{background:#fff0f0;color:#b91c1c;border:1px solid #ffcaca;border-radius:10px;padding:11px;margin-bottom:17px;font-size:11px}label{display:block;font-size:11px;font-weight:600;margin:17px 0 8px}.field{height:51px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:10px;margin-top:8px}.field:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #ed242412}.field>span{color:#aaa}.field input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:11px}.field button{border:0;background:transparent;color:var(--red);font:inherit;font-size:9px;cursor:pointer}.submit{width:100%;height:52px;margin-top:24px;border:0;border-radius:11px;background:var(--red);color:#fff;font:inherit;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.submit:hover{background:#d91e1e}.submit span{font-size:18px}form>small{display:block;text-align:center;color:#aaa;font-size:8px;margin-top:18px}@media(max-width:760px){.login-shell{display:block;padding:18px;min-height:100vh}.brand-side{display:none}.form-side{padding:0;min-height:calc(100vh - 36px)}.form-side form{padding:28px 22px;border-radius:19px}.mobile-logo{display:flex;justify-content:center;background:#242424;border-radius:14px;margin-bottom:25px;height:100px;overflow:hidden}.mobile-logo img{width:190px;height:100px;object-fit:cover}.form-side h2{font-size:24px}}