@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap");.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#0a0a0a);position:relative;overflow:hidden}.login-card{background:rgba(10,10,20,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,255,136,.15);border-radius:24px;padding:48px;max-width:440px;width:100%;text-align:center;position:relative;z-index:10;box-shadow:0 0 40px rgba(0,255,136,.1),0 0 80px rgba(0,212,255,.05),inset 0 1px 0 rgba(255,255,255,.05)}.login-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);border-radius:2px}.login-logo{display:block;font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#00ff88,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;margin-bottom:32px;letter-spacing:3px;text-shadow:0 0 30px rgba(0,255,136,.5)}.login-card h1,.login-logo{font-family:Orbitron,sans-serif}.login-card h1{font-size:1.75rem;margin-bottom:12px;color:#fff;font-weight:600;letter-spacing:1px}.login-subtitle{color:#888;font-size:1rem;margin-bottom:32px;line-height:1.5}.login-error{background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);color:#ff6b6b;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.google-signin-button{position:relative;width:100%;padding:0;background:transparent;border:none;cursor:pointer;margin-bottom:24px;border-radius:12px;overflow:hidden}.google-button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 24px;background:linear-gradient(135deg,rgba(0,255,136,.15),rgba(0,212,255,.15));border:2px solid rgba(0,255,136,.4);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.google-signin-button:hover .google-button-content{background:linear-gradient(135deg,rgba(0,255,136,.25),rgba(0,212,255,.25));border-color:rgba(0,255,136,.7);transform:translateY(-2px)}.google-signin-button:active .google-button-content{transform:translateY(0)}.google-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.google-icon{width:22px;height:22px}.google-button-text{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#00ff88;letter-spacing:1px;text-shadow:0 0 20px rgba(0,255,136,.5);transition:all .3s ease}.google-signin-button:hover .google-button-text{text-shadow:0 0 30px rgba(0,255,136,.8)}.google-button-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(0,255,136,.4) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;filter:blur(20px)}.google-signin-button:hover .google-button-glow{opacity:1;animation:pulseGlow 2s ease-in-out infinite}.google-button-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-20deg);pointer-events:none}.google-signin-button:hover .google-button-shine{animation:shineSwipe 1.5s ease-in-out infinite}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-signin-button:disabled .google-button-content{transform:none}.login-divider{display:flex;align-items:center;margin:24px 0}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.login-divider span{padding:0 16px;color:#555;font-size:.85rem;text-transform:uppercase;letter-spacing:2px}.magic-link-toggle{width:100%;padding:14px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;font-size:.95rem;cursor:pointer;transition:all .3s ease}.magic-link-toggle:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#fff}.back-to-google{width:100%;padding:12px;margin-top:12px;background:transparent;border:none;color:#666;font-size:.9rem;cursor:pointer;transition:color .2s}.back-to-google:hover{color:#00ff88}.login-form{text-align:left}.form-group{margin-bottom:24px}.form-group label{display:block;color:#888;font-size:.85rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00ff88;box-shadow:0 0 20px rgba(0,255,136,.2)}.form-group input::placeholder{color:#555}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{width:100%;padding:16px;background:linear-gradient(90deg,#00ff88,#00d4ff);color:#000;border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;letter-spacing:1px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,136,.3)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button.secondary{background:rgba(255,255,255,.1);color:#fff;margin-top:16px}.login-button.secondary:hover:not(:disabled){background:rgba(255,255,255,.15);box-shadow:none}.login-note{color:#666;font-size:.85rem;margin-top:24px}.login-sent{padding:20px 0}.sent-icon{margin-bottom:20px}.email-sent-icon{width:64px;height:64px;stroke:#00ff88;filter:drop-shadow(0 0 20px rgba(0,255,136,.5));animation:floatIcon 3s ease-in-out infinite}.login-sent h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:16px;color:#00ff88;text-shadow:0 0 20px rgba(0,255,136,.5)}.login-sent p{color:#ccc;margin-bottom:12px}.login-sent p strong{color:#fff}.sent-note{color:#666!important;font-size:.9rem;margin-bottom:24px!important}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;gap:16px;color:#555;font-size:.9rem}.login-footer a{color:#888;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#00ff88}.login-loading{padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.login-loading p{color:#888;font-size:.95rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,136,.2);border-top-color:#00ff88;border-radius:50%;animation:spin 1s linear infinite}.login-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.login-particles .particle{position:absolute;width:3px;height:3px;background:#00ff88;border-radius:50%;box-shadow:0 0 10px rgba(0,255,136,.5);animation:floatParticle 15s linear infinite;opacity:.4}.login-particles .particle:nth-child(odd){background:#00d4ff;box-shadow:0 0 10px rgba(0,212,255,.5)}.login-particles .particle:nth-child(3n){width:2px;height:2px;opacity:.3}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes shineSwipe{0%{left:-100%}to{left:200%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatParticle{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100vh) rotate(2turn);opacity:0}}@media (max-width:480px){.login-card{padding:32px 24px;margin:10px;border-radius:20px}.login-logo{font-size:1.25rem}.login-card h1{font-size:1.5rem}.google-button-content{padding:16px 20px}.google-button-text{font-size:.9rem}}