@font-face{font-family:Licium;src:url("fonts/LiciumFont2022-Regular.otf") format("opentype");font-weight:400}@font-face{font-family:Licium;src:url("fonts/LiciumFont2022-Medium.otf") format("opentype");font-weight:500}@font-face{font-family:Licium;src:url("fonts/LiciumFont2022-Bold.otf") format("opentype");font-weight:700}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 0 95%,rgba(236,222,166,.43),transparent 26%),radial-gradient(circle at 92% 17%,rgba(205,190,231,.65),transparent 30%),linear-gradient(130deg,#eff3f7,#dbe2ed 49%,#e9ddea);color:#25313a;font:14px/1.5 Licium,system-ui,sans-serif}.login-shell{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(370px,.95fr);width:min(1100px,calc(100vw - 48px));min-height:650px;margin:calc((100vh - 650px)/2) auto;border:1px solid rgba(255,255,255,.75);border-radius:32px;background:rgba(247,249,252,.42);box-shadow:18px 24px 50px rgba(86,101,124,.17),-12px -12px 32px rgba(255,255,255,.65);overflow:hidden;backdrop-filter:blur(18px)}.login-panel{display:flex;flex-direction:column;padding:44px 58px 38px;background:rgba(255,255,255,.38)}.brand-lockup{display:flex;align-items:center;gap:9px}.brand-lockup img{width:72px;height:34px;object-fit:contain}.brand-lockup>i{width:1px;height:27px;background:linear-gradient(180deg,transparent,rgba(103,118,126,.32),transparent)}.brand-lockup span{display:grid;gap:2px}.brand-lockup b{font-size:13px;letter-spacing:.08em}.brand-lockup small{color:#99a3aa;font:500 5px monospace;letter-spacing:.12em}.login-copy{margin-top:88px}.login-copy p{margin:0;color:#81958c;font:500 9px monospace;letter-spacing:.16em}.login-copy h1{margin:13px 0 2px;font-size:38px;line-height:1.13;letter-spacing:-.07em}.login-copy strong{display:block;color:#61707a;font-size:20px;font-weight:400;letter-spacing:-.04em}.login-copy>span{display:block;max-width:420px;margin-top:18px;color:#7c8891;font-size:12px;line-height:1.7}form{max-width:404px;margin-top:40px}label{display:block;margin-bottom:8px;color:#62707b;font-size:11px;font-weight:600}.password-field{display:flex;align-items:center;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.78),5px 7px 15px rgba(101,116,137,.07)}.password-field input{width:100%;height:48px;padding:0 14px;border:0;outline:0;background:transparent;color:#3e4b55;font:15px Licium,sans-serif}.password-field input::placeholder{color:#acb4bb}.password-field button{width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#80919a;cursor:pointer}.password-field:focus-within{border-color:#a3c7b2;box-shadow:0 0 0 3px rgba(101,153,120,.12)}.login-error{min-height:18px;margin:8px 2px 0;color:#be6c61;font-size:10px}.login-submit{width:100%;height:49px;margin-top:11px;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:linear-gradient(135deg,#517563,#365449);box-shadow:inset 0 1px rgba(255,255,255,.25),7px 9px 16px rgba(38,68,54,.18);color:#fff;font:500 13px Licium,sans-serif;cursor:pointer;transition:.18s}.login-submit i{margin-left:8px;font-style:normal}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}.login-submit:disabled{cursor:wait;opacity:.75;transform:none}.login-note{margin:22px 0 0;color:#8c979f;font-size:9px}.login-note i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#98c783;box-shadow:0 0 0 3px rgba(152,199,131,.15)}.login-aside{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(226,236,236,.64),rgba(211,198,231,.62))}.ambient{position:absolute;border-radius:50%;filter:blur(1px)}.ambient-one{top:-90px;right:-80px;width:320px;height:320px;background:rgba(159,130,204,.23)}.ambient-two{bottom:-140px;left:-90px;width:300px;height:300px;background:rgba(143,199,171,.25)}.classmate-wrap{position:relative;z-index:1;display:grid;place-items:center;width:220px;height:220px;border:1px solid rgba(255,255,255,.7);border-radius:65px;background:radial-gradient(circle at 29% 23%,#fff 0 7%,transparent 8%),rgba(255,255,255,.29);box-shadow:inset 0 1px rgba(255,255,255,.9),15px 18px 28px rgba(89,104,123,.12);transform:rotate(-8deg)}.classmate-wrap img{width:174px;height:174px;object-fit:contain;filter:drop-shadow(0 14px 10px rgba(54,62,53,.15))}.aside-card{position:absolute;z-index:2;bottom:47px;left:45px;right:45px;padding:19px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(255,255,255,.45);box-shadow:6px 8px 20px rgba(87,102,122,.1);backdrop-filter:blur(10px)}.aside-card span{color:#708d7f;font:500 9px monospace;letter-spacing:.12em}.aside-card b{display:block;margin-top:7px;color:#33424a;font-size:19px;line-height:1.3;letter-spacing:-.045em}.aside-card p{margin:8px 0 0;color:#7f8b94;font-size:10px}@media(max-width:820px){.login-shell{display:block;width:min(520px,calc(100vw - 28px));min-height:0;margin:14px auto}.login-panel{padding:30px 25px}.login-copy{margin-top:54px}.login-copy h1{font-size:31px}.login-aside{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.login-note a{display:inline-block;margin-top:7px;color:#72867b;text-decoration:none;transition:color .16s ease}.login-note a:hover{color:#3f6653;text-decoration:underline}.login-note a:focus-visible{outline:0;border-radius:4px;box-shadow:0 0 0 3px rgba(127,164,146,.2)}
