@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--primary-accent:#c39b62;--primary-accent-hover:#d4ae79;--accent-bg:#c39b6226;--bg-dark:#121212;--text-light:#f5f5f7;--text-muted:#f5f5f799;--glass-bg:#12121299;--glass-border:#ffffff14;--error:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-light);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}body:before,body:after{content:"";filter:blur(100px);z-index:-1;pointer-events:none;border-radius:50%;position:fixed}body:before{background:#c39b6252;width:700px;height:700px;animation:18s ease-in-out infinite floatOrb1;top:-200px;left:-200px}body:after{background:#96764f42;width:800px;height:800px;animation:22s ease-in-out infinite floatOrb2;bottom:-250px;right:-200px}@keyframes floatOrb1{0%{opacity:.4;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(100px,100px)scale(1.05)}50%{opacity:.3;transform:translate(200px,-50px)scale(.95)}75%{opacity:.5;transform:translate(50px,-150px)scale(1.05)}to{opacity:.4;transform:translate(0)scale(1)}}@keyframes floatOrb2{0%{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.3;transform:translate(-150px,-100px)scale(.95)}50%{opacity:.6;transform:translate(-50px,-200px)scale(1.05)}75%{opacity:.4;transform:translate(100px,-100px)scale(.95)}to{opacity:.5;transform:translate(0)scale(1)}}#root{z-index:10;justify-content:center;width:100%;display:flex;position:relative}.main-container{z-index:10;width:100%;max-width:900px;padding:20px;position:relative}.logo-container{text-align:center;margin-bottom:40px}.logo{letter-spacing:-.5px;color:var(--text-light);align-items:center;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;display:inline-flex}.logo span{color:var(--primary-accent)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:20px;flex-direction:row;width:100%;height:650px;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000073}.card-left{text-align:center;background:url(/assets/premium_office.webp) 50%/cover no-repeat;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.card-left:after{content:"";-webkit-backdrop-filter:blur(4px);z-index:1;background:linear-gradient(90deg,#12121233,#121212e6);position:absolute;inset:0}.card-right{z-index:2;background-color:var(--bg-dark);flex-direction:column;flex:1;justify-content:center;padding:50px 45px;display:flex;position:relative}.card-right:before{content:"";background:linear-gradient(#c39b6200,#c39b6273,#c39b6200);width:1px;position:absolute;top:12%;bottom:12%;left:0}.logo-inside{z-index:2;margin-bottom:15px;position:relative}.logo-inside img{width:auto;height:116px;display:block}.quote-inside{z-index:2;color:var(--text-light);opacity:.7;font-family:Playfair Display,serif;font-size:.95rem;font-style:italic;position:relative}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:var(--text-light);letter-spacing:.3px;font-family:Playfair Display,serif;font-size:1.85rem;font-weight:600}.form-header h2:after{content:"";background:var(--primary-accent);border-radius:2px;width:46px;height:2px;margin:12px auto 0;display:block}.input-row{gap:15px;display:flex}.input-row .input-group{flex:1}.input-group{margin-bottom:22px;position:relative}.input-group input{width:100%;color:var(--text-light);background-color:#0003;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:15px 40px 15px 15px;font-size:14px;transition:all .3s}.input-group input:focus{border-color:var(--primary-accent);background-color:#0006;box-shadow:0 0 0 1px #c39b6280}.input-group i{color:var(--text-muted);font-size:16px;transition:color .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.input-group input:focus+i{color:var(--primary-accent)}.input-group input::placeholder{color:var(--text-muted)}.forgot-link{text-align:right;margin-bottom:25px}.forgot-link a{color:var(--text-muted);font-size:13px;font-weight:400;text-decoration:none;transition:color .3s}.forgot-link a:hover{color:var(--text-light)}button{background-color:var(--primary-accent);color:#121212;letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .3s;display:flex}button:hover{background-color:var(--primary-accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px #c39b624d}button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.signup-link{text-align:center;color:var(--text-muted);margin-top:25px;font-size:13px}.signup-link a{color:var(--primary-accent);margin-left:5px;font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.loader{border:2px solid #1212124d;border-top-color:#121212;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite spin}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.message-box{text-align:center;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:none}.message-box.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;display:block}.message-box.success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;display:block}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake-animation{animation:.4s ease-in-out shake}.success-animation-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;animation:.8s ease-out forwards fadeInSoft;display:flex}.success-icon{background-color:var(--primary-accent);color:#121212;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:30px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards scaleUpBounce;display:flex;transform:scale(0);box-shadow:0 10px 25px #c39b624d}.success-animation-container h3{color:var(--text-light);opacity:0;margin-bottom:10px;font-size:22px;font-weight:500;animation:.5s ease-out .3s forwards slideUpFade}.success-animation-container p{color:var(--text-muted);opacity:0;margin-bottom:0;font-size:14px;animation:.5s ease-out .4s forwards slideUpFade}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes scaleUpBounce{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.card{flex-direction:column}.card-left{display:none}.card-right{padding:40px 30px}}