@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Georgia:wght@400;700&display=swap";:root{--silver: #C0C0C0;--blue: #1E3A5F;--green: #33cc33;--red: #DC2626;--bg: #ffffff;--light: #f8f9fa;--text: #1f2937;--gray: #6b7280;--border: #e5e7eb}.landing-page *{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-family:Georgia,serif;color:var(--blue)}.landing-page .container{max-width:1200px;margin:auto;padding:0 1.5rem}.landing-page nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;padding:1rem 0}.landing-page .nav-inner{display:flex;justify-content:space-between;align-items:center}.landing-page .logo img{height:50px}.landing-page .nav-links{display:flex;gap:2rem;align-items:center}.landing-page .nav-links a{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.landing-page .nav-links a:hover{color:var(--blue)}.landing-page .nav-links a.active{color:var(--blue);font-weight:600}.landing-page .btn{background:var(--blue);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:2rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.landing-page .btn:hover{background:#162c47;transform:translateY(-1px)}.landing-page .btn-outline{background:transparent;border:2px solid var(--blue);color:var(--blue)}.landing-page .btn-outline:hover{background:var(--blue);color:#fff}.landing-page .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;align-items:center;justify-content:center;z-index:2000}.landing-page .modal.active{display:flex}.landing-page .modal-content{background:#fff;padding:2.5rem;border-radius:1.5rem;width:90%;max-width:440px;text-align:center;box-shadow:0 20px 40px #0000001f}.landing-page .modal h2{margin-bottom:.5rem}.landing-page .modal p{margin-bottom:1.5rem;color:var(--gray);font-size:.95rem}.landing-page .modal input{width:100%;padding:.9rem;margin:1rem 0;border:1px solid var(--border);border-radius:.75rem;font-size:1rem}.landing-page .modal .btn{width:100%}.landing-page section{padding:5rem 0;position:relative}.landing-page .section-divider{height:6px;background:linear-gradient(90deg,transparent,var(--silver),transparent);margin:0 auto;width:80%;max-width:600px;border-radius:3px}.landing-page .hero{background:linear-gradient(135deg,#f0f7ff,#e6f0fa);text-align:center;padding-top:3rem;padding-bottom:7rem;border-bottom:1px solid var(--border)}.landing-page .hero h1{font-size:3rem;margin:1.5rem 0;line-height:1.2}.landing-page .hero p{font-size:1.25rem;max-width:720px;margin:auto auto 2rem;color:var(--gray)}.landing-page .hero-img{margin:3rem 0}.landing-page .hero-img img{width:100%;max-width:900px;border-radius:1.5rem;box-shadow:0 15px 35px #0000001a}.landing-page .dashboard-preview{background:#fff;text-align:center;border-bottom:1px solid var(--border)}.landing-page .dashboard-preview img{width:100%;max-width:1000px;border-radius:1.5rem;box-shadow:0 20px 40px #0000001f;margin:2.5rem auto;display:block;border:1px solid var(--border)}.landing-page .features{background:var(--light);border-bottom:1px solid var(--border)}.landing-page .features h2{text-align:center;margin-bottom:3.5rem;font-size:2.2rem;position:relative;padding-bottom:1rem}.landing-page .features h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--blue);border-radius:2px}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.landing-page .feature-card{background:#fff;border-radius:1.75rem;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 25px #0000000f;transition:all .3s ease;border:1px solid var(--border);position:relative;overflow:hidden}.landing-page .feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:0;transition:opacity .3s}.landing-page .feature-card:hover:before{opacity:1}.landing-page .feature-card:hover{transform:translateY(-10px);box-shadow:0 18px 35px #0000001a}.landing-page .feature-card svg{width:64px;height:64px;fill:var(--blue);margin-bottom:1.5rem}.landing-page .feature-card h3{margin-bottom:1rem;font-size:1.5rem}.landing-page .feature-card p{color:var(--gray);font-size:.98rem}.landing-page .how{background:#fff;text-align:center;border-bottom:1px solid var(--border)}.landing-page .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem;margin-top:3.5rem}.landing-page .step{position:relative;padding:0 1rem}.landing-page .step:after{content:"";position:absolute;top:26px;left:100%;width:100%;height:2px;background:var(--silver);z-index:1}.landing-page .step:last-child:after{display:none}.landing-page .step-num{width:56px;height:56px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-weight:700;font-size:1.3rem;position:relative;z-index:2;box-shadow:0 4px 12px #1e3a5f4d}.landing-page .step h3{margin-bottom:.8rem;font-size:1.4rem}.landing-page .testimonials{background:linear-gradient(135deg,#f0f7ff,#f8f9fa);border-bottom:1px solid var(--border)}.landing-page .testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.landing-page .testi-card{background:#fff;border-radius:1.75rem;padding:2.2rem;box-shadow:0 12px 28px #00000014;border:1px solid var(--border)}.landing-page .testi-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:1.2rem;border:3px solid var(--silver)}.landing-page .testi-card p{font-style:italic;color:var(--gray);margin-bottom:1.2rem;font-size:1rem}.landing-page .testi-card cite{font-weight:600;color:var(--blue);font-size:.95rem}.landing-page .pricing{background:#fff;text-align:center;border-bottom:1px solid var(--border)}.landing-page .pricing h2{margin-bottom:1rem;font-size:2.2rem;position:relative;padding-bottom:1rem}.landing-page .pricing h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--green);border-radius:2px}.landing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:4rem}.landing-page .price-card{background:#fff;border-radius:1.75rem;padding:2.8rem 2rem;text-align:center;box-shadow:0 12px 30px #00000014;border:2px solid transparent;transition:all .3s}.landing-page .price-card:hover{border-color:var(--blue);transform:translateY(-8px)}.landing-page .price-card.popular{border-color:var(--blue);transform:scale(1.07);background:linear-gradient(135deg,#f0f7ff,#fff)}.landing-page .price-card h3{margin-bottom:.6rem;font-size:1.6rem}.landing-page .price-card .price{font-size:2.6rem;font-weight:700;color:var(--blue);margin:1.2rem 0}.landing-page .price-card .price small{font-size:1rem;color:var(--gray)}.landing-page .price-card ul{list-style:none;margin:1.8rem 0;text-align:left}.landing-page .price-card li{margin:.8rem 0;padding-left:2rem;position:relative;font-size:1rem;color:var(--text)}.landing-page .price-card li:before{content:"✓";color:var(--green);position:absolute;left:0;font-weight:700;font-size:1.2rem}.landing-page .price-card .btn{margin-top:1.8rem;width:100%;font-size:1rem}.landing-page .cta-banner{background:linear-gradient(135deg,var(--blue),#162c47);color:#fff;text-align:center;padding:3.5rem 2rem;border-radius:2rem;margin:4rem auto;max-width:1000px;box-shadow:0 15px 30px #1e3a5f4d}.landing-page .cta-banner h2{color:#fff;margin-bottom:1rem;font-size:2.1rem}.landing-page .cta-banner p{max-width:700px;margin:auto auto 2rem;font-size:1.1rem;opacity:.9}.landing-page .cta-banner .btn{background:#fff;color:var(--blue);font-weight:700;padding:1rem 2.5rem;font-size:1.1rem}.landing-page .cta-banner .btn:hover{background:#f0f7ff}.landing-page footer{background:var(--blue);color:#fff;text-align:center;padding:3.5rem 0;font-size:.95rem}.landing-page footer a{color:#fff;text-decoration:underline}@media (max-width: 992px){.landing-page .step:after{display:none}.landing-page .price-card.popular{transform:none}}@media (max-width: 768px){.landing-page .hero h1{font-size:2.3rem}.landing-page .nav-links{display:none}.landing-page .steps{grid-template-columns:1fr;gap:2.5rem}.landing-page .step:after{display:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;padding:40px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-size:28px;color:#1f2937;margin-bottom:10px;font-family:Georgia,serif}.login-subtitle{font-size:16px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed}.code-input{font-family:Courier New,monospace;font-size:24px;letter-spacing:8px;text-align:center}.input-hint{font-size:13px;color:#6b7280;margin:0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.alert{padding:12px 16px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px}.alert span{font-size:18px}.alert-error{background:#fee;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.login-footer-text{text-align:center;font-size:14px;color:#6b7280;margin:10px 0 0}@media (max-width: 600px){.login-box{padding:30px 20px}.login-header h2{font-size:24px}}