.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-container{max-width:480px;width:100%;display:flex;flex-direction:column;gap:32px}.login-brand{text-align:center}.login-brand .logo-text{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#e879f9,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-brand .tagline{color:#6b7280;font-size:1rem;font-weight:500}.login-box{background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:48px;box-shadow:0 8px 32px #1f268726;text-align:center}.login-box h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:8px}.login-box .login-subtitle{color:#6b7280;margin-bottom:32px;font-size:.95rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.btn-google{width:100%;background:#fff;color:#1f2937;border:1px solid rgba(0,0,0,.1);padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 2px 8px #0000001a}.btn-google:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google .google-icon{width:20px;height:20px}.privacy-note{margin-top:24px;font-size:.8rem;color:#6b7280;line-height:1.4}.login-features{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.login-features .feature{display:flex;align-items:center;gap:8px;background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:12px;font-size:.9rem;color:#1f2937}.login-features .feature .feature-icon{font-size:1.2rem}.login-features .feature .feature-text{font-weight:500}@media (max-width: 640px){.login-brand .logo-text{font-size:2.5rem}.login-box{padding:32px}.login-features{flex-direction:column}.login-features .feature{width:100%;justify-content:center}}.dashboard{min-height:100vh;padding:24px}.dashboard-header{background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px 32px;margin-bottom:32px;box-shadow:0 8px 32px #1f268726;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.dashboard-header .user-info{display:flex;align-items:center;gap:16px}.dashboard-header .user-info .user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #e879f9}.dashboard-header .user-info h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.dashboard-header .user-info .user-email{font-size:.875rem;color:#6b7280;margin:0}.dashboard-header .btn-logout{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3);padding:8px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard-header .btn-logout:hover{background:#ef444433;transform:translateY(-2px)}.dashboard-content{max-width:900px;margin:0 auto}.welcome-card{background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:64px;box-shadow:0 8px 32px #1f268726}.welcome-card h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#e879f9,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.welcome-card .subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:32px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.status-grid .status-item{background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px}.status-grid .status-item .status-icon{font-size:2rem}.status-grid .status-item .status-text{display:flex;flex-direction:column}.status-grid .status-item .status-text strong{font-size:.95rem;font-weight:600;color:#1f2937}.status-grid .status-item .status-text span{font-size:.85rem;color:#6b7280}.next-steps{background:#fff3;border-radius:12px;padding:24px}.next-steps h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:16px}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps ul li{padding:8px 0;color:#1f2937;font-size:1rem}.next-steps ul li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.2)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-screen .loading-spinner{width:48px;height:48px;border:4px solid rgba(232,121,249,.2);border-top-color:#e879f9;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:#6b7280;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header .btn-logout{width:100%}.welcome-card{padding:32px}.welcome-card h1{font-size:1.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e0f2fe,#fce7f3);color:#1f2937;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.container{max-width:600px;width:100%;text-align:center;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:64px;box-shadow:0 8px 32px #1f268726;transition:all .3s ease}.container:hover{background:#fff9;transform:translateY(-4px);box-shadow:0 12px 48px #1f268733}h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#e879f9,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:32px;font-weight:500}.btn-primary{background:linear-gradient(135deg,#e879f9,#60a5fa);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #e879f94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e879f966}.btn-primary:active{transform:translateY(0)}