:root{--bg-body:#f1f5f9;--bg-gradient-1:#e2e8f0;--bg-gradient-2:#f8fafc;--primary:#38a3a5;--secondary:#1e4258;--text-main:#1e293b;--text-muted:#64748b;--glass-bg:rgba(255,255,255,0.25);--glass-border:rgba(255,255,255,2);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.15);--glow:0 0 15px rgba(56,163,165,0.4);--input-border:#cbd5e1}.legacy-landing,body.legacy-landing{font-family:Vazirmatn,sans-serif;background-color:var(--bg-body);color:var(--text-main);overflow-x:hidden;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;position:relative}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);z-index:1}.main-container{position:relative;z-index:2;display:flex;width:95%;max-width:1600px;justify-content:space-between;align-items:center;gap:50px}.content-section{flex:1.2;padding-right:20px}.kasqo-logo-wrapper{position:relative;width:600px;max-width:100%;margin-top:-175px;margin-bottom:-50px;border-radius:0;overflow:visible;z-index:10;display:flex;justify-content:center;margin-right:-60px}.kasqo-img{width:100%;height:auto;display:block;animation:floatLogo 6s ease-in-out infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1));transition:all .5s ease}.kasqo-img:hover{filter:drop-shadow(0 0 25px rgba(56,163,165,.6));transform:scale(1.02)}@keyframes floatLogo{0%{transform:translateY(0);filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}50%{transform:translateY(-6px);filter:drop-shadow(0 25px 60px rgba(56,163,165,.6))}to{transform:translateY(0);filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}}.hero-title{font-size:3rem;line-height:1.5;font-weight:900;margin-bottom:30px;color:var(--secondary)}.highlight{color:var(--primary)}.highlight-sec{color:var(--secondary);text-decoration:underline decoration-var(--primary) 5px}.typing-container{font-size:1.6rem;color:var(--text-muted);margin-bottom:65px;display:flex;align-items:center;height:40px;font-weight:500}.cursor{animation:blink 1s infinite;margin-right:5px;color:var(--primary)}@keyframes blink{50%{opacity:0}}.features-grid{display:flex;gap:20px}.feature-item{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.6);color:var(--secondary);padding:12px 25px;border-radius:50px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(2px);transition:.3s;font-size:1.1rem;font-weight:500;box-shadow:0 4px 6px rgba(0,0,0,.05)}.feature-item:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);color:var(--primary)}.login-section{flex:0.8;display:flex;justify-content:center}.glass-card{background:var(--glass-bg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);padding:50px;border-radius:30px;width:100%;max-width:480px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.glass-card:hover{background:rgba(255,255,255,.9);transform:translateY(-10px);box-shadow:0 20px 40px rgba(56,163,165,.25);border-color:#ffffff}.glass-card:hover .input-group input{border-bottom-color:#cbd5e1}.glass-card:hover .card-header h2{color:var(--primary)}.glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 70%);transform:rotate(30deg);pointer-events:none;opacity:.5}.card-header h2{margin-bottom:10px;font-size:2rem;color:var(--secondary)}.card-header p{color:var(--text-muted);margin-bottom:35px;font-size:1rem}.input-group{position:relative;margin-bottom:35px}.input-group input{width:100%;padding:15px 10px;background:transparent;border:none;border-bottom:2px solid var(--input-border);color:var(--text-main);font-size:1.2rem;font-family:Vazirmatn,sans-serif;outline:none;transition:.3s}.input-group label{position:absolute;right:0;top:15px;color:var(--text-muted);pointer-events:none;transition:.3s;font-size:1.1rem}.input-group input:-webkit-autofill~label,.input-group input:focus~label,.input-group input:valid~label{top:-25px;font-size:.9rem}.input-group input:focus~label{color:var(--primary);font-weight:700}.input-group input:-webkit-autofill:not(:focus)~label,.input-group input:valid:not(:focus)~label{color:var(--text-muted);font-weight:400}.input-group input:focus{border-bottom-color:var(--primary)}.input-highlight{position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--primary);transition:.4s}.btn-glow,.input-group input:focus~.input-highlight{width:100%}.btn-glow{padding:18px;background:linear-gradient(90deg,var(--secondary),var(--primary));border:none;border-radius:15px;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:.3s;font-family:Vazirmatn,sans-serif;margin-top:10px;box-shadow:0 10px 20px rgba(56,163,165,.3)}.btn-glow:hover:not(:disabled){letter-spacing:1px;box-shadow:0 15px 30px rgba(56,163,165,.5);transform:translateY(-2px)}.btn-glow:disabled{opacity:.7;cursor:not-allowed}.btn-glow.loading .btn-text{opacity:0}.btn-glow.loading .btn-loader{opacity:1}.btn-loader{position:absolute;inset:0;margin:auto;width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;opacity:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.links{margin-top:25px;display:flex;justify-content:space-between;font-size:1rem}.links a{color:var(--text-muted);text-decoration:none;transition:.3s}.links a:hover{color:var(--primary);font-weight:700}.icon-style{font-size:1.4rem;color:var(--primary);filter:drop-shadow(0 0 5px rgba(56,163,165,.4));transition:.3s}.feature-item:hover .icon-style{transform:scale(1.2) rotate(10deg);color:var(--secondary)}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:active,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px rgba(255,255,255,0)!important;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--text-main)!important;border-bottom:2px solid var(--input-border)!important}.input-group input:-webkit-autofill:focus{border-bottom-color:var(--primary)!important}.alert{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);padding:12px;border-radius:10px;font-size:.95rem;margin-bottom:20px}.alert.danger{color:#b91c1c}.reveal{animation:revealIn .6s ease forwards}@keyframes revealIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.main-container{flex-direction:column;text-align:center;justify-content:center;padding-top:0}.kasqo-logo-wrapper{width:100%;margin-top:-100px;margin-bottom:-60px;margin-right:0;justify-content:center}.content-section{padding-right:0;margin-bottom:50px}.features-grid{justify-content:center;flex-wrap:wrap}.login-section{width:100%}.hero-title{font-size:2.5rem}}