:root{font-family:var(--app-font, system-ui, Avenir, Helvetica, Arial, sans-serif);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #333333;--text-muted: rgba(0, 0, 0, .6);--border-color: rgba(0, 0, 0, .1);--accent-color: #9333ea;--accent-hover: rgba(147, 51, 234, .1);--card-bg: #ffffff;--input-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .1);transition:background-color .4s ease,color .4s ease}:root.light,:root[data-theme=light]{color-scheme:light;color:var(--text-primary);background-color:var(--bg-tertiary)}:root.dark,:root[data-theme=dark]{color-scheme:dark;--bg-primary: #1a1a1a;--bg-secondary: #000000;--bg-tertiary: #242424;--text-primary: rgba(255, 255, 255, .87);--text-secondary: #ececec;--text-muted: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);--accent-color: #a855f7;--accent-hover: rgba(168, 85, 247, .15);--card-bg: #1f1f1f;--input-bg: #2a2a2a;--shadow-color: rgba(0, 0, 0, .4);color:var(--text-primary);background-color:var(--bg-tertiary)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%;margin:0;padding:0}*,*:before,*:after{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}body{margin:0;padding:0;overflow:hidden}.login-wrapper[data-v-bce330c0]{position:fixed;inset:0;width:100%;min-width:100vw;height:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:#1a1a1a}.bg-image[data-v-bce330c0]{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-image:url(/assets/background-BEAwSTwq.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:slowZoom-bce330c0 25s ease-in-out infinite alternate}.snow-container[data-v-bce330c0]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.snowflake[data-v-bce330c0]{position:absolute;top:-10px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;animation:fall-bce330c0 linear infinite}@keyframes fall-bce330c0{0%{transform:translateY(-10px) translate(0)}25%{transform:translateY(25vh) translate(15px)}50%{transform:translateY(50vh) translate(-15px)}75%{transform:translateY(75vh) translate(15px)}to{transform:translateY(110vh) translate(0)}}@keyframes slowZoom-bce330c0{0%{transform:scale(1)}to{transform:scale(1.1)}}.background-overlay[data-v-bce330c0]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000004d,#000000b3);z-index:2}.login-content[data-v-bce330c0]{position:relative;z-index:3;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-card[data-v-bce330c0]{position:relative;background:#0a0a0a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);padding:2.5rem;border-radius:20px;width:420px;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}.login-card[data-v-bce330c0]:hover{box-shadow:0 30px 60px -12px #0009,0 0 0 1px #ffffff1a}.header[data-v-bce330c0]{margin-bottom:2rem}.logo-placeholder[data-v-bce330c0]{margin-bottom:1.5rem;display:inline-block;padding:12px;background:rgba(var(--accent-rgb, 168, 85, 247),.1);border-radius:50%;box-shadow:0 0 20px #a855f733}.school-icon[data-v-bce330c0]{width:40px;height:40px;filter:drop-shadow(0 0 5px rgba(168,85,247,.5))}h1[data-v-bce330c0]{font-size:1.1rem;font-weight:500;color:#ffffffe6;line-height:1.5;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}h2[data-v-bce330c0]{font-size:2.2rem;margin-bottom:2rem;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.input-group[data-v-bce330c0]{text-align:left;margin-bottom:1.5rem}.input-group label[data-v-bce330c0]{display:block;font-size:.85rem;color:var(--accent-color);margin-bottom:.5rem;font-weight:500;letter-spacing:.5px}input[data-v-bce330c0]{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.15);color:#fff;outline:none;font-size:1rem;transition:all .3s ease}input[data-v-bce330c0]:focus{border-bottom-color:var(--accent-color);box-shadow:0 4px 12px -4px var(--accent-hover)}input[data-v-bce330c0]::placeholder{color:#ffffff4d}.login-btn[data-v-bce330c0]{width:100%;padding:14px;margin-top:1rem;background:var(--accent-color);border:none;color:#fff;font-weight:600;font-size:1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px var(--accent-hover);letter-spacing:.5px;text-transform:uppercase}.login-btn[data-v-bce330c0]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--accent-hover)}.login-btn[data-v-bce330c0]:active{transform:translateY(0)}.divider[data-v-bce330c0]{margin:1.5rem 0;color:#fff6;font-size:.8rem;display:flex;align-items:center;gap:1rem}.divider[data-v-bce330c0]:before,.divider[data-v-bce330c0]:after{content:"";flex:1;height:1px;background:#ffffff1a}.google-btn[data-v-bce330c0]{width:100%;padding:12px;background:#fff;color:#333;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.google-btn[data-v-bce330c0]:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.hint[data-v-bce330c0]{margin-top:2rem;font-size:.75rem;color:#fff6}.error-msg[data-v-bce330c0]{color:#ff8080;font-size:.9rem;margin-top:1rem;background:var(--accent-hover);padding:.75rem;border-radius:8px;border:1px solid var(--accent-hover);animation:shake-bce330c0 .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-bce330c0{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(max-height:900px){.login-card[data-v-bce330c0]{padding:1.5rem 2rem;width:380px;transform:scale(.9)}.header[data-v-bce330c0]{margin-bottom:1rem}.logo-placeholder[data-v-bce330c0]{margin-bottom:.75rem;padding:8px}.school-icon[data-v-bce330c0]{width:32px;height:32px}h1[data-v-bce330c0]{font-size:.95rem;margin-bottom:.25rem}h2[data-v-bce330c0]{font-size:1.8rem;margin-bottom:1rem}.input-group[data-v-bce330c0]{margin-bottom:1rem}.input-group label[data-v-bce330c0]{font-size:.75rem;margin-bottom:.3rem}input[data-v-bce330c0]{padding:8px 0;font-size:.9rem}.login-btn[data-v-bce330c0]{padding:10px;font-size:.9rem;margin-top:.5rem}.divider[data-v-bce330c0]{margin:1rem 0;font-size:.7rem}.google-btn[data-v-bce330c0]{padding:10px;font-size:.85rem}.hint[data-v-bce330c0]{margin-top:1rem;font-size:.7rem}}@media(max-height:700px){.login-card[data-v-bce330c0]{transform:scale(.8)}}