:root{--school-primary: #2e86c1;--school-primary-dark: #1b4f72;--school-primary-medium: #5dade2;--school-primary-light: #aed6f1;--school-primary-very-light: #d6eaf8;--school-secondary: #e67e22;--school-primary-rgb: 46, 134, 193;--school-primary-dark-rgb: 27, 79, 114;--school-secondary-rgb: 230, 126, 34;--school-bg-gradient: linear-gradient( 170deg, #1b4f72 0%, #2e86c1 25%, #5dade2 55%, #aed6f1 80%, #d6eaf8 100% );--school-login-gradient: linear-gradient( 170deg, #2e86c1 0%, #5dade2 25%, #aed6f1 55%, #d6eaf8 80%, #aed6f1 100% );--school-button-gradient: linear-gradient(135deg, #5dade2, #2e86c1)}html{font-size:18px}body{margin:0;min-width:320px;min-height:100vh}body.dragging,body.dragging *{cursor:grabbing!important}#root{min-height:100vh}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes floatBubble{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.exam-card-in{animation:cardIn .4s ease-out}.exam-pop-in{animation:popIn .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .5s ease-out both}.fade-in-scale{animation:fadeInScale .4s ease-out both}.fade-in-left{animation:fadeInLeft .4s ease-out both}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}.stagger-5{animation-delay:.24s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.36s}.stagger-8{animation-delay:.42s}.stagger-9{animation-delay:.48s}.stagger-10{animation-delay:.54s}.stagger-11{animation-delay:.6s}.stagger-12{animation-delay:.66s}@keyframes floatCloud{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(30px) translateY(-8px)}}@keyframes floatDrift{0%,to{transform:translate(0) translateY(0) rotate(0)}50%{transform:translate(15px) translateY(-12px) rotate(8deg)}}@keyframes floatStar{0%,to{transform:scale(1) translateY(0);opacity:.35}50%{transform:scale(1.2) translateY(-6px);opacity:.5}}