*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#193a42}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.login-page{background:#f7f9f7}.login-layout{display:grid;grid-template-columns:1.06fr 1fr;min-height:100vh}.welcome-panel{position:relative;overflow:hidden;padding:48px 10%;background:#e7f1ee;display:flex;flex-direction:column}.campus-brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-size:24px;font-weight:750;letter-spacing:2px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;background:#168caa;color:#fff;border-radius:13px;font-size:22px;box-shadow:0 5px 10px #168caa17}.campus-brand small{font-size:10px;letter-spacing:2.5px;display:block;color:#70918e;margin-top:3px}.welcome-copy{margin-top:75px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.5px;color:#65857d}.eyebrow i{width:6px;height:6px;background:#168caa;border-radius:50%}.welcome-copy h1{font-size:clamp(37px,3.5vw,54px);font-weight:750;line-height:1.45;letter-spacing:1px;margin:21px 0 17px}.welcome-copy h1>span{color:#168caa}.welcome-copy p{font-size:15px;line-height:1.9;color:#6c8581;margin:0}.campus-scene{position:relative;min-height:260px;margin:32px -4% 20px}.scene-orbit{position:absolute;width:290px;height:290px;border:1px solid #b5d0c76e;border-radius:50%;top:-12px;left:70px}.scene-orbit:after{content:"";position:absolute;inset:30px;border:1px dashed #b5d0c769;border-radius:50%}.student-card{position:relative;z-index:1;background:#fffffff5;border-radius:18px;box-shadow:0 18px 40px #648e7e17;width:330px;max-width:95%;padding:22px;transform:rotate(-5deg);top:15px;left:4%}.student-card-label{font-size:9px;letter-spacing:2px;color:#82968f;display:flex;justify-content:space-between}.student-card-label>span{font-size:18px;line-height:1}.student-card-main{display:flex;align-items:center;gap:12px;margin:20px 0}.portrait{width:47px;height:49px;display:grid;place-items:center;border-radius:14px;background:#dff2e8;color:#547b67;font-size:22px}.student-card-main strong{display:block;font-size:14px;letter-spacing:1px}.student-card-main small{display:block;color:#8b9d97;font-size:10px;margin-top:5px}.student-card-main b{margin-left:auto;background:#e9f5ef;color:#409577;border-radius:50%;padding:4px 6px;font-size:12px}.card-progress{height:5px;background:#edf3ef;border-radius:4px}.card-progress span{display:block;width:76%;height:100%;background:#74bba4;border-radius:4px}.student-card-bottom{display:flex;justify-content:space-between;font-size:9px;color:#92a39d;margin-top:10px}.scene-note{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff6df;padding:15px 20px;right:0;top:157px;border-radius:12px;box-shadow:0 8px 18px #77855f0d;transform:rotate(5deg)}.scene-note>span{font-size:25px;color:#c1a45c}.scene-note strong{font-size:11px;letter-spacing:.5px;display:block;color:#887b57}.scene-note small{font-size:9px;color:#a2997e;display:block;margin-top:4px}.scene-pill{position:absolute;left:13%;top:233px;font-size:10px;color:#6d8c7d}.scene-pill>span{display:inline-block;color:#fff;background:#8eb7a4;border-radius:50%;margin-right:6px;padding:1px 4px}.scene-dot{position:absolute;border-radius:50%;background:#d3e5dc}.dot-one{width:17px;height:17px;left:7%;top:-5px}.dot-two{width:11px;height:11px;right:7%;top:99px;background:#e8d7a7}.welcome-footer{font-size:10px;font-weight:600;letter-spacing:1px;color:#7d9790;margin:32px 0 0}.welcome-footer span{margin-left:12px;color:#a0b0a9;font-weight:400}.signin-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 9%}.signin-box{width:100%;max-width:370px}.signin-kicker{font-size:10px;color:#168caa;letter-spacing:2.5px;font-weight:700}.signin-box h2{font-size:27px;letter-spacing:.5px;font-weight:700;margin:17px 0 12px}.signin-description{font-size:13px;color:#8b9997;line-height:1.7;margin-bottom:37px}.signin-form{display:flex;flex-direction:column;gap:10px}.signin-form label{font-size:12px;font-weight:600;margin:2px 0 0}.signin-form>input,.password-input{margin-bottom:10px}.signin-form input{width:100%;min-height:49px;border:1px solid #dce6e1;border-radius:9px;padding:13px 15px;background:#fff;color:#294c4d;outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s}.signin-form input::placeholder{color:#b2bfba;font-size:12px}.signin-form input:focus{border-color:#168caa;box-shadow:0 0 0 3px #168caa10}.password-input{position:relative}.password-input input{padding-right:62px}.password-input button{position:absolute;right:9px;top:9px;height:31px;font-size:11px;color:#879b96;background:transparent;border:0;border-radius:5px;padding:0 10px}.password-input button:focus-visible{outline:2px solid #168caa}.signin-submit{background:#168caa;border:0;color:#fff;min-height:49px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;margin-top:9px;font-size:13px;font-weight:600;box-shadow:0 6px 14px #168caa15}.signin-submit:hover{background:#117e98}.signin-submit span{font-size:20px;font-weight:400}.demo-help{margin-top:23px;padding:15px 0;border-bottom:1px solid #e5ece7;font-size:11px;color:#8a9c95}.demo-help summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.demo-help summary::-webkit-details-marker{display:none}.demo-help summary span{font-size:16px;color:#8eb1a8}.demo-help div{padding-top:10px;color:#739082;line-height:1.8}.demo-help p{margin:6px 0}.demo-help code{color:#476b61;background:#eaf1ec;border-radius:3px;padding:3px 5px;font-size:11px}.signin-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#a2b0a9;margin-top:23px}.signin-note span{font-size:15px;color:#92b2a0}.signin-footer{position:absolute;bottom:28px;font-size:10px;letter-spacing:1px;color:#b0bcb6}.auth-alert{font-size:12px;line-height:1.6;padding:11px 13px;border-radius:8px;margin-bottom:18px}.auth-alert.error{background:#fff0ec;color:#a25445}.auth-alert.success{background:#e7f3ec;color:#407d62}@media(min-width:1500px){.welcome-panel{padding-left:17%;padding-right:12%}.signin-panel{padding-left:12%;padding-right:17%}}@media(max-width:900px){.welcome-panel{padding:35px 8%}.welcome-copy{margin-top:55px}.welcome-copy h1{font-size:35px}.student-card{width:260px;left:0}.scene-note{right:-12%;padding:12px}.signin-panel{padding:50px 8%}}@media(max-width:680px){.login-layout{display:block}.welcome-panel{padding:24px 7% 28px}.campus-brand{font-size:20px}.brand-icon{width:37px;height:37px;font-size:19px}.welcome-copy{margin-top:32px}.welcome-copy h1{font-size:29px;line-height:1.4;margin:14px 0 8px}.welcome-copy h1 br{display:none}.welcome-copy p{font-size:12px}.welcome-copy p br{display:none}.eyebrow{font-size:10px}.campus-scene,.welcome-footer{display:none}.signin-panel{padding:38px 7% 70px}.signin-box{max-width:440px}.signin-box h2{font-size:24px}.signin-description{margin-bottom:26px}.signin-footer{bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}