@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(18, 18, 26, .8);--border-color: rgba(255, 255, 255, .08);--text-primary: #f0f0f5;--text-secondary: #8888a0;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--accent-hover: #818cf8;--error: #f43f5e;--input-bg: rgba(255, 255, 255, .03)}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-container{position:relative;width:100%;max-width:420px;z-index:1}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:3rem;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-icon{width:56px;height:56px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent),#a855f7);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--accent-glow)}.logo-icon svg{width:28px;height:28px;color:#fff}.login-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:var(--text-secondary);font-size:.95rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;min-height:52px}.google-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:.875rem 1rem;font-size:1rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.input-group input::placeholder{color:#8888a080}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.error-message{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:10px;padding:.75rem 1rem;color:var(--error);font-size:.875rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.submit-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:52px;font-family:inherit}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px var(--accent-glow)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loader{width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-secondary);font-size:.9rem}.link-btn{background:none;border:none;color:var(--accent);text-decoration:none;font-weight:500;font-size:inherit;font-family:inherit;cursor:pointer;padding:0;transition:color .2s ease}.link-btn:hover{color:var(--accent-hover)}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#8b5cf6);top:-200px;right:-100px;animation:float 8s ease-in-out infinite}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#ec4899,#f43f5e);bottom:-150px;left:-100px;animation:float 10s ease-in-out infinite reverse}.shape-3{width:250px;height:250px;background:linear-gradient(135deg,#06b6d4,#3b82f6);top:50%;left:60%;animation:float 12s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.dashboard-container{position:relative;width:100%;max-width:500px;z-index:1}.dashboard-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:3rem;animation:slideUp .6s ease-out}.dashboard-header{text-align:center;margin-bottom:2rem}.avatar{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent),#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;overflow:hidden;box-shadow:0 8px 32px var(--accent-glow)}.avatar img{width:100%;height:100%;object-fit:cover}.dashboard-header h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.dashboard-header .email{color:var(--text-secondary);font-size:.95rem}.dashboard-content{margin-bottom:2rem}.info-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.info-card h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary);font-size:.9rem}.info-row .value{color:var(--text-primary);font-weight:500}.signout-btn{width:100%;background:transparent;border:1px solid rgba(244,63,94,.3);border-radius:12px;padding:1rem;font-size:1rem;font-weight:500;color:var(--error);cursor:pointer;transition:all .2s ease;font-family:inherit}.signout-btn:hover{background:#f43f5e1a;border-color:var(--error)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-state p{color:var(--text-secondary)}