body{background:#fafafa;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--pc-space-md)}.login-container{width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:var(--pc-space-xl)}.logo{font-size:64px;margin-bottom:var(--pc-space-sm)}.login-header h1{font-size:2rem;color:var(--pc-primary-dark);margin:0 0 var(--pc-space-xs)}.tagline{color:var(--pc-text-muted);margin:0}.login-card{background:var(--pc-surface);border-radius:var(--pc-radius-lg);padding:var(--pc-space-xl);box-shadow:var(--pc-shadow-lg);margin-bottom:var(--pc-space-lg)}.login-card h2{font-size:1.5rem;margin:0 0 var(--pc-space-xs);color:var(--pc-text)}.login-card .subtitle{color:var(--pc-text-muted);margin:0 0 var(--pc-space-lg);font-size:.95rem}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--pc-space-sm);padding:var(--pc-space-md);background:var(--pc-surface);border:2px solid #e5e7eb;border-radius:var(--pc-radius-md);font-size:1rem;font-weight:500;color:var(--pc-text);cursor:pointer;transition:all .2s}.google-btn:hover{background:#f9fafb;border-color:#d1d5db}.google-btn:active{transform:scale(.98)}.google-icon{flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--pc-space-md);padding:var(--pc-space-lg) 0}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--pc-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--pc-text-muted);margin:0}.error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--pc-radius-md);padding:var(--pc-space-md);margin-top:var(--pc-space-md)}.error-state p{color:#dc2626;margin:0 0 var(--pc-space-sm);font-size:.9rem}.error-state button{background:none;border:none;color:#dc2626;font-weight:500;cursor:pointer;text-decoration:underline}.terms{font-size:.8rem;color:var(--pc-text-muted);margin:0 0 var(--pc-space-md)}.terms a{color:var(--pc-primary);text-decoration:none}.terms a:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;gap:var(--pc-space-md);margin:var(--pc-space-lg) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.login-divider span{font-size:.8rem;color:var(--pc-text-muted);text-transform:uppercase;letter-spacing:.05em}.guest-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--pc-space-md);background:#fafafa;border:1.5px solid #e5e7eb;border-radius:999px;font-size:.95rem;font-weight:500;color:var(--pc-text-muted);cursor:pointer;transition:all .2s}.guest-btn:hover{border-color:var(--pc-primary);color:var(--pc-primary);background:#0d94880a}.guest-btn:active{transform:scale(.98)}@media(max-width:480px){body{align-items:flex-start;padding:var(--pc-space-md) var(--pc-space-sm);padding-top:var(--pc-space-md)}.login-container{padding:0;margin-top:0}.login-header{margin-bottom:var(--pc-space-lg)}.login-card{padding:var(--pc-space-lg);margin-bottom:var(--pc-space-md)}.logo{font-size:40px;margin-bottom:var(--pc-space-xs)}.login-header h1{font-size:1.5rem}}