:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem}body{background-color:#fff;color:#000}.glass-card{background:#fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;border:1px solid rgba(255,255,255,.4);padding:3.5rem 4rem;box-shadow:0 8px 32px #1f268733;transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.gradient-bg{background:linear-gradient(135deg,#1a2342,#2d1f3d);animation:gradientAnimation 15s ease infinite;background-size:400% 400%}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spinner{to{transform:rotate(360deg)}}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #ffffff;border-radius:50%;animation:spinner 1s linear infinite;display:inline-block}.error-card{background:#fef2f2e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(248,113,113,.2);transition:all .3s ease}.error-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f8717126}.title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;text-align:center}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.gap-3{gap:.75rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.google-login-btn{background:#fffffff2;color:#1a1a1a;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #1f26871a}.google-login-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1f268726}.google-login-btn:active{transform:translateY(0)}.title{color:#fff;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-red-800{color:#991b1b}.text-red-700{color:#b91c1c}.text-red-400{color:#f87171}.bg-red-50{background-color:#fef2f2}.border-red-400{border-color:#f87171}.border-l-4{border-left-width:4px}.p-4{padding:1rem}.max-w-lg{max-width:32rem}.h-5{height:1.25rem}.w-5{width:1.25rem}