.loginPage,.registerPage{min-height:100vh;background:#0f0f0f;display:flex;flex-direction:column;position:relative}.loginPage:before,.registerPage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(74,222,128,.03) 0%,transparent 70%);pointer-events:none}.loginMain,.registerMain{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;z-index:1;margin-top:80px}.container{width:100%;max-width:1200px;margin:0 auto}.loginContent,.registerContent{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(74,222,128,.1);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d;max-width:900px;margin:0 auto}.welcomeSection{padding:3rem;background:linear-gradient(135deg,#4ade800d,#1a1a1acc);display:flex;flex-direction:column;justify-content:center;text-align:center}.spiritualGreeting{margin-bottom:2rem}.greetingIcon{display:inline-flex;padding:1rem;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;margin-bottom:1.5rem}.greetingIcon .icon{width:2rem;height:2rem;color:#0f0f0f}.greetingTitle{font-size:2.25rem;font-weight:700;color:#fafafa;margin-bottom:.75rem;line-height:1.2;font-family:Playfair Display,serif}.greetingSubtitle{font-size:1.125rem;color:#fffc;margin-bottom:.5rem}.greetingTranslation{font-size:.9rem;color:#fff9;font-style:italic}.spiritualElements{margin-bottom:2rem}.element{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.elementIcon{width:1.25rem;height:1.25rem;color:#4ade80;flex-shrink:0}.elementText h3{font-size:.95rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.elementText p{font-size:.8rem;color:#fff9;line-height:1.3}.culturalQuote blockquote{font-size:1rem;font-style:italic;color:#fffc;padding:1rem;background:#4ade800d;border-left:3px solid #4ade80;border-radius:6px;margin:0}.culturalQuote blockquote span{display:block;font-size:.8rem;color:#fff9;margin-top:.5rem;font-style:normal}.formSection{padding:3rem;background:#0f0f0fe6;display:flex;align-items:center}.formContainer{width:100%;max-width:400px;margin:0 auto}.formHeader{text-align:center;margin-bottom:2rem}.formHeader h2{font-size:1.75rem;font-weight:700;color:#fafafa;margin-bottom:.5rem;font-family:Playfair Display,serif}.formHeader p{color:#fff9;font-size:.95rem}.googleButton{width:100%;padding:.875rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#1f1f1f;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;text-decoration:none}.googleButton:hover{background:#f8f9fa;transform:translateY(-1px);text-decoration:none;color:#1f1f1f}.googleIcon{width:1.125rem;height:1.125rem;background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.divider span{background:#0f0f0fe6;padding:0 1rem;font-size:.8rem;color:#ffffff80;position:relative;z-index:1}.loginForm,.registerForm{margin-bottom:1.5rem}.errorMessage{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.85rem;margin-bottom:1rem}.errorIcon{font-size:1rem}.inputGroup{margin-bottom:1.25rem}.label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:#fffc;margin-bottom:.5rem}.labelIcon{width:.875rem;height:.875rem;color:#4ade80}.input{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-size:.9rem;transition:all .2s ease}.input::-moz-placeholder{color:#fff6}.input::placeholder{color:#fff6}.input:focus{outline:none;border-color:#4ade80;background:#ffffff14;box-shadow:0 0 0 2px #4ade801a}.passwordInput{position:relative}.passwordToggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;transition:color .2s ease}.passwordToggle:hover{color:#fffc}.eyeIcon{width:1.125rem;height:1.125rem}.formOptions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkboxLabel{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffffb3;cursor:pointer}.checkbox{width:.875rem;height:.875rem;accent-color:#4ade80}.forgotLink{font-size:.8rem;color:#4ade80;text-decoration:none;transition:color .2s ease}.forgotLink:hover{color:#22c55e}.submitButton{width:100%;padding:.875rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:6px;color:#0f0f0f;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submitButton:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.submitButton:disabled{opacity:.6;cursor:not-allowed}.formFooter{text-align:center;margin-bottom:1rem}.formFooter p{color:#fff9;font-size:.85rem}.registerLink,.loginLink{color:#4ade80;text-decoration:none;font-weight:500;transition:color .2s ease}.registerLink:hover,.loginLink:hover{color:#22c55e}.termsAgreement{margin-bottom:1.5rem}.termsLink{color:#4ade80;text-decoration:none;transition:color .2s ease}.termsLink:hover{color:#22c55e}.spiritualNote{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#4ade800d;border:1px solid rgba(74,222,128,.1);border-radius:6px}.spiritualNote .noteIcon{width:1rem;height:1rem;color:#4ade80;flex-shrink:0;margin-top:.1rem}.spiritualNote p{font-size:.75rem;color:#fff9;line-height:1.3;margin:0}@media(max-width:968px){.loginContent,.registerContent{grid-template-columns:1fr;gap:0;max-width:500px}.welcomeSection{padding:2rem;text-align:center;order:2}.formSection{padding:2rem;order:1}}@media(max-width:768px){.loginMain,.registerMain{padding:1rem;margin-top:70px}.greetingTitle{font-size:1.875rem}.greetingSubtitle{font-size:1rem}.formHeader h2{font-size:1.5rem}}@media(max-width:480px){.loginMain,.registerMain{margin-top:60px}.formOptions{flex-direction:column;align-items:flex-start;gap:.75rem}.welcomeSection,.formSection{padding:1.5rem}}