:root{--brand-dark:#020617;--brand-accent:#10b981;--brand-blue:#3b82f6;--text-main:#0f172a;--text-muted:#64748b;--input-bg:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;min-height:100vh;font-family:Outfit,sans-serif;overflow:hidden}.split-container{min-height:100vh;display:flex}.visual-panel{background:var(--brand-dark);flex-direction:column;flex:1.3;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden}.visual-panel:before{content:"";background:radial-gradient(circle at 20% 30%,#3b82f626,#0000),radial-gradient(circle at 80% 70%,#10b9811a,#0000);width:120%;height:120%;animation:20s linear infinite drift;position:absolute;top:-10%;left:-10%}@keyframes drift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-id{z-index:10;align-items:center;gap:15px;display:flex;position:relative}.brand-id img{filter:brightness(0)invert();height:45px}.brand-id span{color:#fff;letter-spacing:-.5px;font-size:1.2rem;font-weight:700}.hero-content{z-index:10;color:#fff;position:relative}.hero-content h1{letter-spacing:-3px;margin-bottom:20px;font-size:4.5rem;font-weight:700;line-height:1}.hero-content h1 em{color:var(--brand-accent);font-style:normal}.hero-content p{opacity:.6;max-width:480px;font-size:1.2rem;font-weight:300;line-height:1.6}.floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:fit-content;margin-top:40px;padding:25px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-card .item{align-items:center;gap:12px;margin-bottom:0;display:flex}.floating-card .dot{background:var(--brand-accent);width:8px;height:8px;box-shadow:0 0 15px var(--brand-accent);border-radius:50%}.floating-card span{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.form-container{width:100%;max-width:380px;animation:.8s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:40px}.form-header h2{color:var(--brand-dark);letter-spacing:-1px;font-size:2.2rem;font-weight:700}.form-header p{color:var(--text-muted);margin-top:5px;font-size:1rem}.form-group{margin-bottom:24px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-wrap{position:relative}.input-wrap i{color:var(--text-muted);font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.modern-input{background:var(--input-bg);width:100%;color:var(--text-main);border:1.5px solid #e2e8f0;border-radius:14px;padding:15px 15px 15px 48px;font-family:inherit;font-size:1rem;transition:all .3s}.modern-input:focus{border-color:var(--brand-dark);background:#fff;outline:none;box-shadow:0 10px 25px #0000000d}.eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.btn-action{background:var(--brand-dark);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:18px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-action:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 15px 30px #00000026}.error-pill{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:10px;margin-bottom:25px;padding:12px 16px;font-size:.85rem;display:flex}.back-home{text-align:center;color:var(--text-muted);margin-top:35px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;display:block}.back-home:hover{color:var(--brand-accent)}@media (width<=1024px){.visual-panel{display:none}.form-panel{background:var(--input-bg)}.form-container{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 50px #0000000d}}