*,*:before,*:after{box-sizing:border-box}body.student-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:2rem 1rem;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.floating-shapes{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.shape{position:absolute;opacity:.1;border-radius:9999px;animation:float 6s ease-in-out infinite}.shape:nth-child(2){animation-delay:-2s}.shape:nth-child(3){animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.shape{animation:none}}.login-container{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:64rem;margin:0 auto;background:transparent}.login-card{width:100%;max-width:24rem;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;transition:all .5s ease}.text-center{text-align:center}.login-card__brand{margin-bottom:1.5rem}.brand-logo{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card__subtitle{margin:0;font-size:.75rem;line-height:1rem;color:#4b5563}.login-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.login-input{width:100%;height:2.5rem;padding:.5rem .75rem;font-size:1rem;font-family:inherit;color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f659}.login-input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.25em}.input-group label{position:absolute;left:.75rem;top:.75rem;padding:0 .25rem;font-size:1rem;color:#6b7280;pointer-events:none;transition:all .2s ease}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:.5rem;transform:translateY(-1.5rem) scale(.875);color:#3b82f6;background:#fff}.input-group--captcha{display:flex;flex-direction:column;gap:.5rem}.captcha-row{display:flex;align-items:center;gap:.75rem}.captcha-row__field{position:relative;flex:1 1 auto;min-width:0}.captcha-image{display:block;width:180px;height:60px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid rgba(59,130,246,.35);border-radius:12px;cursor:pointer;object-fit:cover;box-shadow:0 20px 35px -25px #2563ebe6;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.captcha-image:hover{transform:translateY(-2px);border-color:#2563eb8c;box-shadow:0 25px 45px -28px #2563ebf2}.captcha-image:focus-visible{transform:translateY(-2px);border-color:#2563eb8c;box-shadow:0 25px 45px -28px #2563ebf2;outline:2px solid #3b82f6;outline-offset:2px}.login-hint{margin:0;font-size:.75rem;line-height:1rem;color:#6b7280}.login-error{margin:0;padding:.75rem 1rem;font-size:.875rem;color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;padding:.5rem;font-family:inherit;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:.5rem;cursor:pointer;outline:none;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f666}.btn-primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-primary[disabled]{cursor:progress;opacity:.85;transform:none;box-shadow:none}.btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.85);border-top-color:transparent;border-radius:9999px;animation:spin 1s linear infinite}.btn-spinner[hidden]{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footnote{margin:1rem 0 0;font-size:.75rem;line-height:1.6;color:#6b7280;text-align:center}.login-copyright{margin-top:1.5rem;padding-top:1rem;text-align:center;border-top:1px solid #e5e7eb}.login-copyright p{margin:0;font-size:.75rem;line-height:1rem;color:#6b7280}.login-copyright a{display:inline-block;margin-top:.25rem;font-size:.75rem;line-height:1rem;color:#6b7280;text-decoration:none;transition:color .2s ease}.login-copyright a:hover{color:#374151}.gradient-green{padding:1rem;color:#fff;text-align:center;background:linear-gradient(to right,#10b981,#059669);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a}.gradient-green__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.gradient-green__hint{margin:0 0 .75rem;font-size:.875rem;color:#d1fae5}.btn-white{display:block;width:100%;min-height:44px;padding:.5rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;color:#059669;text-align:center;text-decoration:none;background-color:#fff;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:background-color .2s ease}.btn-white:hover{background-color:#f3f4f6}.btn-white:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(max-width:1023px){.login-container{flex-direction:column;gap:2rem}}@media(max-width:480px){body.student-login{padding:1.5rem .75rem}.login-card{padding:1.25rem}.brand-logo{font-size:1.625rem}.captcha-image{width:144px;height:52px}}