*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}#root{height:100%}.premium-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.animated-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:orbFloat 25s ease-in-out infinite}.orb-1{width:350px;height:350px;background:radial-gradient(circle,#e2e8f0,#cbd5e0 70%);top:-175px;left:-175px;animation-delay:0s}.orb-2{width:280px;height:280px;background:radial-gradient(circle,#f1f5f9,#e2e8f0 70%);bottom:-140px;right:-140px;animation-delay:-12s}.orb-3{width:220px;height:220px;background:radial-gradient(circle,#f8fafc,#f1f5f9 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-6s}.mesh-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(148,163,184,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(203,213,225,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(241,245,249,.1) 0%,transparent 50%)}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.glass-morphism-card{position:relative;z-index:10;width:480px;padding:60px 50px;background:#ffffffb3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:32px;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 50px #00000014,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-morphism-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px #0000001f,inset 0 1px #fff}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#e2e8f0,#cbd5e0,#f1f5f9,#f8fafc);border-radius:34px;z-index:-1;opacity:0;transition:opacity .4s ease}.glass-morphism-card:hover .card-glow{opacity:.3;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:.8}}.brand-header{text-align:center;margin-bottom:50px}.logo-container{margin-bottom:30px}.logo-ring{width:80px;height:80px;margin:0 auto;position:relative;background:linear-gradient(135deg,#64748b,#475569);border-radius:50%;padding:3px;animation:logoRotate 10s linear infinite}.logo-inner{width:100%;height:100%;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#475569;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-title{margin:0 0 12px;font-size:42px;font-weight:800;letter-spacing:-1px}.title-gradient{background:linear-gradient(135deg,#475569,#64748b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.premium-subtitle{color:#64748b;font-size:16px;font-weight:400;margin:0;letter-spacing:.5px}.premium-form .ant-form-item{margin-bottom:32px}.input-group{margin-bottom:40px}.premium-input-wrapper{position:relative;margin-bottom:24px}.premium-input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px;z-index:2;transition:all .3s ease}.premium-input{height:60px!important;padding:0 20px 0 60px!important;background:#fff9!important;border:none!important;border-radius:16px!important;color:#334155!important;font-size:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-input::placeholder{color:#94a3b8!important}.premium-input:hover{background:#fffc!important}.premium-input:focus{background:#ffffffe6!important;box-shadow:0 0 0 2px #64748b4d!important}.premium-input:focus+.input-border{transform:scaleX(1)}.premium-input-wrapper:hover .premium-input-icon{color:#64748b;transform:translateY(-50%) scale(1.1)}.input-border{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#64748b,#475569);transform:scaleX(0);transition:transform .3s ease;border-radius:1px}.premium-submit-btn{height:60px!important;border-radius:16px!important;border:none!important;background:linear-gradient(135deg,#64748b,#475569)!important;position:relative;overflow:hidden;font-size:18px!important;font-weight:600!important;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.premium-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 15px 35px #64748b4d!important}.btn-text{position:relative;z-index:2}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.premium-submit-btn:hover .btn-shine{left:100%}.demo-section{margin-top:50px}.demo-divider{position:relative;text-align:center;margin-bottom:30px}.demo-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.demo-divider span{background:#fffc;padding:8px 20px;border-radius:20px;color:#64748b;font-size:14px;font-weight:500;position:relative;z-index:1}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-card{background:#fff9;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.demo-card:hover{background:#fffc;transform:translateY(-2px)}.demo-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:8px;display:inline-block}.demo-badge.admin{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.demo-badge.teacher{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.demo-credentials{color:#64748b;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.floating-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.particle{position:absolute;width:4px;height:4px;background:#64748b66;border-radius:50%;animation:particleFloat 15s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:-3s}.particle:nth-child(3){left:60%;animation-delay:-6s}.particle:nth-child(4){left:80%;animation-delay:-9s}.particle:nth-child(5){left:90%;animation-delay:-12s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.main-layout{min-height:100vh}.main-layout .ant-layout-sider{background:#001529}.main-layout .ant-layout-header{background:#fff;padding:0 24px;box-shadow:0 1px 4px #00152914}.main-layout .ant-layout-content{margin:24px;padding:24px;background:#fff;border-radius:6px;min-height:280px}