.login-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background:#FFFFFF;color:#1F2937}.login-nav{background-color:white;box-shadow:0 2px 10px rgba(0,76,204,.05);position:fixed;top:0;left:0;right:0;z-index:1000}.login-nav .nav-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.login-nav .nav-logo img{height:56px;width:auto;transition:transform .3s ease}.login-nav .nav-logo img:hover{transform:scale(1.05)}.login-nav .nav-links a{color:#1F2937;text-decoration:none;font-weight:500;transition:color .3s}.login-nav .nav-links a:hover{color:#6B7280}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:5rem 2rem 2rem}.login-content{background:white;border-radius:12px;box-shadow:0 20px 40px rgba(0,76,204,.1);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;min-height:600px}.login-form-section{padding:3rem;display:flex;flex-direction:column;justify-content:center}.form-container{max-width:400px;width:100%;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-header h1{font-size:2rem;color:#1F2937;margin-bottom:.5rem;font-weight:700}.form-header p{color:#6B7280;font-size:1rem}.google-signin-btn{width:100%;background:white;border:2px solid #e1e5e9;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#1F2937;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.google-signin-btn:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,76,204,.1)}.google-signin-btn:focus{outline:none;border-color:#004CCC;box-shadow:0 0 0 3px rgba(0,76,204,.1)}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:white;color:#6B7280;padding:0 1rem;font-size:.9rem;position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:500;color:#374151;font-size:.9rem}.input-group input{padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.input-group input:focus{outline:none;border-color:#E5E7EB;box-shadow:0 0 0 3px rgba(14,60,97,.1)}.input-group input::placeholder{color:#9ca3af}.password-input{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .3s ease}.password-toggle:hover{color:#6B7280}.form-options{display:flex;justify-content:flex-end;margin:-.5rem 0 .5rem}.forgot-password{color:#6B7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#0a2e4a}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:.75rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;text-align:center}.submit-btn{background:linear-gradient(135deg,#004CCC,#327FFF);color:white;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));transition:left .7s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,60,97,.3)}.submit-btn:hover:before{left:100%}.submit-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(14,60,97,.3)}.submit-btn.loading{opacity:.9;cursor:not-allowed;pointer-events:none}.form-footer{text-align:center;margin-top:1.5rem}.form-footer p{color:#6B7280;font-size:.9rem}.toggle-form{background:none;border:none;color:#6B7280;font-weight:600;cursor:pointer;margin-left:.5rem;transition:color .3s ease}.toggle-form:hover{color:#0a2e4a}.login-info-section{background:#F9FAFB;color:#111827;padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='7' cy='7' r='7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.info-content{position:relative;z-index:1;max-width:400px}.info-content h2{font-size:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.info-content>p{font-size:1.1rem;color:#374151;line-height:1.6}.features-list,.info-content>p{margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.feature-icon{background:#004CCC;color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:2px}.feature-item span{font-size:.95rem;color:#374151}.testimonial{margin-top:2rem}.testimonial blockquote{font-style:italic;font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#374151;position:relative;padding-left:1.5rem}.testimonial blockquote:before{content:'"';position:absolute;left:0;top:-.5rem;font-size:3rem;color:rgba(55,65,81,.3);line-height:1}.testimonial cite{font-size:.9rem;color:#6B7280;font-style:normal}@media (max-width:1024px){.login-content{max-width:800px;margin:0 1rem}.login-form-section,.login-info-section{padding:2.5rem}}@media (max-width:900px){.login-content{grid-template-columns:1fr;max-width:500px;margin:0 auto}.login-info-section{order:-1;padding:2rem;text-align:center;min-height:auto}.info-content{max-width:none}.info-content h2{font-size:1.75rem;margin-bottom:1rem}.info-content>p{font-size:1rem;margin-bottom:1.5rem}.features-list{margin-bottom:1rem}.testimonial{display:none}}@media (max-width:768px){.login-container{padding:5rem 1rem 1rem;min-height:100vh}.login-content{box-shadow:0 10px 25px rgba(0,76,204,.08);margin:0;width:100%;min-height:auto}.login-form-section{padding:2rem 1.5rem}.login-info-section{padding:1.5rem}.name-fields{grid-template-columns:1fr;gap:1.25rem}.form-header h1{font-size:1.75rem;margin-bottom:.75rem}.form-header p{font-size:.95rem;line-height:1.5}.google-signin-btn{padding:.875rem 1rem;font-size:.95rem}.input-group input{padding:.875rem .75rem;font-size:1rem}.submit-btn{padding:1rem 1.5rem;font-size:1rem}.info-content h2{font-size:1.5rem}.feature-item{font-size:.9rem}}@media (max-width:640px){.login-nav .nav-container{padding:.75rem 1rem}.login-nav .nav-logo img{height:44px}.login-nav .nav-links a{font-size:.9rem}.login-container{padding:4rem .75rem 1rem}.login-content{border-radius:8px}}@media (max-width:480px){.login-form-section,.login-info-section{padding:1.5rem 1rem}.form-header h1{font-size:1.5rem}.form-header p{font-size:.9rem}.google-signin-btn{padding:.75rem 1rem;font-size:.9rem;gap:.5rem}.google-signin-btn svg{width:18px;height:18px}.input-group label{font-size:.85rem}.input-group input{padding:.75rem;font-size:.95rem}.submit-btn{padding:.875rem 1.25rem;font-size:.95rem}.form-footer p{font-size:.85rem}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.feature-item{margin-bottom:.5rem;font-size:.85rem}.feature-icon{width:20px;height:20px;font-size:.7rem}.info-content h2{font-size:1.25rem;line-height:1.3}.info-content>p{font-size:.9rem;line-height:1.5}}@media (max-width:375px){.login-container{padding:4rem .5rem 1rem}.login-form-section,.login-info-section{padding:1.25rem .75rem}.form-container{max-width:none}.form-header h1{font-size:1.375rem}.google-signin-btn{padding:.75rem;font-size:.85rem}.input-group input{padding:.625rem .75rem}.submit-btn{padding:.75rem 1rem}.features-list{grid-template-columns:1fr;gap:.5rem}}@media (max-width:768px){.google-signin-btn:hover{transform:none}.submit-btn:hover{transform:none;box-shadow:0 4px 12px rgba(14,60,97,.2)}.google-signin-btn:active{transform:scale(.98);background:#f3f4f6}.submit-btn:active{transform:scale(.98)}.toggle-form:active{transform:scale(.95)}.google-signin-btn,.submit-btn{min-height:48px}.password-toggle{min-width:48px;min-height:48px}.toggle-form{padding:.5rem;margin:-.5rem;min-height:44px;display:inline-flex;align-items:center}.login-page{-webkit-overflow-scrolling:touch}.input-group input{-webkit-appearance:none;border-radius:8px}.input-group input:focus,.password-toggle{-webkit-tap-highlight-color:transparent}.password-toggle{min-width:44px;min-height:44px}}