*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#10172d;background:#f7f8fb}.access{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.welcome{background:#fff5c7;padding:52px 9%;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:65px}.logo{width:230px;max-width:80%}.eyebrow,.tag{font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:18px 0}p{line-height:1.7;color:#606b83}.mascot{width:210px;max-height:300px;object-fit:contain;align-self:center;margin-top:auto}.panel{display:flex;align-items:center;justify-content:center;padding:55px 30px;background:white}.form-wrap{width:100%;max-width:370px}.tag{color:#8a6400}h2{font-size:34px;letter-spacing:-1px;margin:20px 0 8px}form{margin:30px 0}label{display:block;font-size:14px;font-weight:600;margin:20px 0 9px}input{width:100%;font:inherit;padding:15px;border:1px solid #dce1ec;border-radius:12px;background:#f9fafc}input:focus{outline:3px solid #ffe381;border-color:#ad8300}button{width:100%;border:0;border-radius:12px;background:#ffcc21;color:#10172d;padding:17px;font:600 15px Segoe UI,Arial;cursor:pointer;margin-top:26px}button:hover{background:#f2bb00}small{color:#79849b}.error{background:#fff0f1;color:#9c223c;border-radius:10px;padding:12px;font-size:14px}.signout{max-width:420px;margin:15vh auto;padding:25px}@media(max-width:700px){.access{grid-template-columns:1fr}.welcome{padding:28px;gap:24px}.welcome h1{font-size:32px}.welcome>div>p:last-child,.mascot{display:none}.logo{width:180px}.panel{padding:35px 25px}.welcome h1{margin-bottom:0}.signout{margin:10vh auto}}