.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;background:var(--dark);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,168,118,.08) 0%,transparent 70%);pointer-events:none}.auth-page:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,201,92,.05) 0%,transparent 70%);pointer-events:none}.auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;background:var(--gray-dark);border-radius:24px;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #c9a87626;position:relative;z-index:1;animation:authFadeIn .6s ease-out}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-branding{background:linear-gradient(160deg,#1a1611,#0d0d0d,#1a1510);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(201,168,118,.03) 100%),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='%23C9A876' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.branding-content{position:relative;z-index:1}.branding-logo{width:180px;max-width:100%;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 16px rgba(201,168,118,.4))}.auth-branding h1{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:var(--light);line-height:1.3;margin-bottom:1rem}.auth-branding h1 span{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-branding>.branding-content>p{color:var(--gray);font-size:.95rem;margin-bottom:1.5rem}.benefits-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.benefits-list li{display:flex;align-items:center;gap:.75rem;color:var(--light);font-size:.9rem;padding:.75rem 1rem;background:#c9a8760d;border-radius:12px;border:1px solid rgba(201,168,118,.1);transition:all .3s ease}.benefits-list li:hover{background:#c9a8761a;border-color:#c9a87633;transform:translate(4px)}.benefit-icon{font-size:1.3rem;width:32px;text-align:center;flex-shrink:0}.branding-decoration{position:absolute;bottom:-30px;right:-30px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,118,.08) 0%,transparent 70%);pointer-events:none}.auth-forms{padding:2.5rem;background:var(--gray-medium);display:flex;flex-direction:column}.auth-toggle{display:flex;background:var(--gray-dark);border-radius:12px;padding:4px;position:relative;margin-bottom:2rem}.toggle-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--gray);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:10px;transition:all .3s ease;position:relative;z-index:1;font-family:Inter,sans-serif}.toggle-btn.active{color:var(--dark)}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;transition:transform .35s cubic-bezier(.65,0,.35,1);box-shadow:0 2px 8px #c9a8764d}.toggle-slider.right{transform:translate(100%)}.auth-form-panel{display:none;animation:panelFadeIn .4s ease-out}.auth-form-panel.active{display:block}@keyframes panelFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.auth-form-panel h2{font-family:Playfair Display,serif;font-size:1.6rem;color:var(--light);margin-bottom:.25rem}.auth-subtitle{color:var(--gray);font-size:.9rem;margin-bottom:1.5rem}.social-login-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--light);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.social-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.google-btn:hover{border-color:#4285f466;box-shadow:0 4px 16px #4285f426}.divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#c9a87626}.divider span{color:var(--gray);font-size:.8rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.method-tab{flex:1;padding:.65rem 1rem;border:1px solid rgba(201,168,118,.15);background:transparent;color:var(--gray);border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;font-family:Inter,sans-serif}.method-tab.active{background:#c9a8761a;border-color:var(--primary);color:var(--primary)}.method-tab:hover:not(.active){border-color:#c9a8764d;color:var(--light)}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.4rem}.auth-form .form-group.hidden{display:none}.auth-form label{font-size:.85rem;font-weight:500;color:var(--light)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;font-size:1rem;z-index:1;pointer-events:none}.input-wrapper input{width:100%;padding:.85rem 1rem .85rem 2.75rem;background:var(--gray-dark);border:1px solid rgba(201,168,118,.12);border-radius:10px;color:var(--light);font-size:.9rem;font-family:Inter,sans-serif;transition:all .3s ease;outline:none}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c9a8761a}.input-wrapper input::placeholder{color:#f5f1e84d}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;opacity:.5;transition:opacity .2s}.toggle-password:hover{opacity:1}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.strength-bar{flex:1;height:3px;background:var(--gray-dark);border-radius:3px;overflow:hidden;position:relative}.strength-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--strength, 0%);background:var(--strength-color, var(--gray));border-radius:3px;transition:all .3s ease}.strength-text{font-size:.7rem;color:var(--gray);white-space:nowrap}.form-checkbox{display:flex;align-items:flex-start;gap:.5rem}.form-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.form-checkbox label{font-size:.8rem;color:var(--gray);cursor:pointer;line-height:1.4}.form-checkbox label a{color:var(--primary);text-decoration:none;transition:color .2s}.form-checkbox label a:hover{color:var(--secondary);text-decoration:underline}.form-row-split{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:.8rem;color:var(--primary);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--secondary)}.btn-auth-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--dark);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;margin-top:.5rem;position:relative;overflow:hidden}.btn-auth-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-auth-primary:hover:before{left:100%}.btn-auth-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c9a87659}.btn-auth-primary:active{transform:translateY(0)}.btn-auth-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-arrow{font-size:1.1rem;transition:transform .3s ease}.btn-auth-primary:hover .btn-arrow{transform:translate(4px)}.auth-footer-text{text-align:center;color:var(--gray);font-size:.85rem;margin-top:1.5rem}.auth-footer-text a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-footer-text a:hover{color:var(--secondary)}.toast{position:fixed;top:100px;right:20px;padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;z-index:1000;animation:toastIn .4s ease-out;box-shadow:0 8px 30px #0000004d;display:flex;align-items:center;gap:.75rem;max-width:400px}.toast.success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.toast.error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.toast.info{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--dark)}@keyframes toastIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@media (max-width: 768px){.auth-page{padding:5rem .75rem 1rem;align-items:flex-start}.auth-container{grid-template-columns:1fr;border-radius:20px}.auth-branding{padding:2rem 1.5rem}.auth-branding h1{font-size:1.4rem}.benefits-list{display:none}.auth-forms{padding:1.5rem}.auth-form-panel h2{font-size:1.3rem}}@media (max-width: 480px){.auth-branding{padding:1.5rem}.auth-branding h1{font-size:1.2rem}.auth-forms{padding:1.25rem}.method-tabs{flex-direction:column}.form-row-split{flex-direction:column;gap:.5rem;align-items:flex-start}}