.auth-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#f8f9fa 50%,#e8f5e8);padding:120px 20px 40px;display:flex;align-items:center;justify-content:center}.auth-container .form-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(26,115,232,.15);padding:3rem 2.5rem;max-width:500px;width:100%;border:1px solid rgba(26,115,232,.1)}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:#202124;margin-bottom:.75rem}.page-description{font-size:1rem;color:#5f6368;line-height:1.5}.auth-options{display:flex;flex-direction:column;gap:2rem}.auth-section{text-align:center}.auth-section h3{font-size:1.25rem;font-weight:600;color:#202124;margin-bottom:.5rem}.auth-section p{color:#5f6368;margin-bottom:1.5rem;font-size:.95rem}.google-auth-button{width:100%;padding:.875rem 1rem;border:2px solid #e8eaed;border-radius:8px;background:#fff;color:#202124;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.google-auth-button:hover{border-color:#1a73e8;box-shadow:0 2px 8px rgba(26,115,232,.15);transform:translateY(-1px)}.google-auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-auth-button.secondary{background:#f8f9fa;border-color:#dadce0}.google-auth-button.secondary:hover{background:#e8f0fe;border-color:#1a73e8}.auth-divider{position:relative;text-align:center;margin:1rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e8eaed}.auth-divider span{background:#fff;padding:0 1rem;color:#5f6368;font-size:.9rem;position:relative;z-index:1}.error-message{background:#fce8e6;color:#d93025;padding:.75rem 1rem;border-radius:8px;border:1px solid #fad2cf;font-size:.9rem;text-align:center;margin-top:1rem}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e8eaed}.auth-footer p{font-size:.85rem;color:#5f6368;line-height:1.4}.auth-footer a{color:#1a73e8;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{padding:100px 1rem 2rem}.auth-container .form-container{padding:2rem 1.5rem}.page-title{font-size:1.75rem}}@media (max-width:480px){.auth-container{padding:80px .5rem 1rem}.auth-container .form-container{padding:1.5rem 1rem;margin:0 .5rem}.page-title{font-size:1.5rem}.google-auth-button{padding:.75rem .875rem;font-size:.9rem}}.redirect-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#f8f9fa 50%,#e8f5e8);padding:120px 20px 40px;display:flex;align-items:center;justify-content:center}.redirect-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(26,115,232,.15);padding:3rem 2.5rem;max-width:500px;width:100%;border:1px solid rgba(26,115,232,.1);text-align:center}.redirect-content h2{font-size:1.75rem;font-weight:600;color:#202124;margin:1.5rem 0 1rem}.redirect-content p{color:#5f6368;font-size:1rem;line-height:1.5;margin-bottom:2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.redirect-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.sign-out-button{background:transparent;color:#d93025;padding:.75rem 1.5rem;border-radius:24px;font-weight:500;font-size:1rem;border:2px solid #d93025;cursor:pointer;transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sign-out-button:hover{background:#d93025;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(217,48,37,.3)}