@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap");:root{--primary:#4f46e5;--primary-dark:#4338ca;--secondary:#8b5cf6;--success:#10b981;--danger:#ef4444;--dark:#1a1a2e;--gray:#64748b;--light:#f3f4f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;color:#1f2937}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}.landing-container{min-height:100vh;background-color:#fff}.navbar{background-color:#1a1a2e;padding:16px 24px;position:sticky;top:0;z-index:100}.navbar-inner{max-width:1200px;margin:0 auto;justify-content:space-between;flex-wrap:wrap;gap:16px}.logo,.navbar-inner{display:flex;align-items:center}.logo{gap:10px}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-icon span{color:#fff;font-weight:700;font-size:18px}.logo-text{color:#fff;font-weight:700;font-size:20px}.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.nav-link{color:#e0e0e0;text-decoration:none}.nav-link:hover{color:#fff}.btn-login{background-color:var(--primary);color:#fff;padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:500}.btn-login:hover{background-color:var(--primary-dark)}.btn-register{background-color:transparent;color:var(--primary);padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:500;border:1px solid var(--primary)}.btn-register:hover{background-color:rgba(79,70,229,.1)}.btn-logout{background-color:#ef4444;color:#fff;padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:500;border:none;cursor:pointer;transition:background-color .3s}.btn-logout:hover{background-color:#dc2626}.slider-container{position:relative;height:500px;overflow:hidden}.slide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .5s ease-in-out;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.slide.active{opacity:1}.slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.slide-content{position:relative;z-index:1;max-width:800px;padding:20px}.slide-title{font-size:48px;font-weight:700;margin-bottom:16px}.slide-subtitle{font-size:20px;margin-bottom:32px;opacity:.9}.slider-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:2}.slider-dot{width:12px;height:12px;border-radius:50%;border:none;background-color:hsla(0,0%,100%,.5);cursor:pointer}.slider-dot.active{background-color:var(--primary)}.btn-primary{border-radius:8px;border:none;cursor:pointer}.btn-primary,.btn-primary-large{background-color:var(--primary);color:#fff;padding:14px 32px;text-decoration:none;font-weight:500;display:inline-block}.btn-primary-large{border-radius:8px}.btn-primary-large:hover{background-color:var(--primary-dark)}.btn-outline-light{background-color:transparent;color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;border:1px solid #fff}.btn-outline-light:hover{background-color:hsla(0,0%,100%,.1)}.btn-white{background-color:#fff;color:var(--primary);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block}.btn-white:hover{background-color:#f3f4f6}.section{max-width:1200px;margin:80px auto;padding:0 20px}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:36px;font-weight:700;margin-bottom:16px}.section-subtitle{font-size:18px;color:#666}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.feature-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #eaeaea;transition:transform .3s;cursor:pointer}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{font-size:20px;font-weight:600;margin-bottom:8px}.feature-desc{color:#666}.stats-section{background-color:#f3f4f6;padding:60px 20px}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;text-align:center}.stat-value{font-size:36px;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{color:#666}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.testimonial-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #eaeaea}.testimonial-rating{color:#fbbf24;margin-bottom:16px}.testimonial-text{color:#333;margin-bottom:16px;font-style:italic}.testimonial-name{font-weight:700}.testimonial-role{color:#666;font-size:14px}.pricing-section{background-color:#f3f4f6;padding:80px 20px}.pricing-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.pricing-card{background:#fff;padding:32px;border-radius:16px;text-align:center;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #eaeaea}.pricing-card.popular{transform:scale(1.05);box-shadow:0 10px 40px rgba(79,70,229,.2);border:2px solid var(--primary)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700}.pricing-name{font-size:24px;font-weight:700;margin-bottom:16px}.pricing-price{font-size:48px;font-weight:700;margin-bottom:8px}.pricing-period{color:#666;margin-bottom:24px}.pricing-features{text-align:left;margin-bottom:32px;list-style:none;padding:0}.pricing-features li{margin-bottom:12px;display:flex;align-items:center;gap:8px}.pricing-features li span{color:var(--success)}.btn-pricing{display:block;padding:12px;border-radius:8px;text-decoration:none;font-weight:500;text-align:center}.btn-pricing-popular{background-color:var(--primary);color:#fff}.btn-pricing-popular:hover{background-color:var(--primary-dark)}.btn-pricing-default{background-color:#f3f4f6;color:#333}.btn-pricing-default:hover{background-color:#e5e7eb}.cta-section{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:80px 20px;text-align:center;color:#fff}.cta-title{font-size:36px;font-weight:700;margin-bottom:16px}.cta-subtitle{font-size:18px;margin-bottom:32px;opacity:.9}.footer{background-color:var(--dark);color:#e0e0e0;padding:48px 20px 24px}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo{gap:10px;margin-bottom:16px}.footer-logo,.footer-logo-icon{display:flex;align-items:center}.footer-logo-icon{width:36px;height:36px;background:var(--primary);border-radius:8px;justify-content:center}.footer-logo-icon span{color:#fff;font-weight:700}.footer-logo-text{font-weight:700;font-size:18px}.footer-description{color:#a0a0a0;font-size:14px}.footer-title{margin-bottom:16px;font-size:16px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#a0a0a0;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;padding-top:24px;text-align:center;color:#a0a0a0;font-size:14px}.generator-form label{color:#1f2937!important;font-weight:500}.generator-form .form-label{color:#374151;font-weight:500;margin-bottom:8px;display:block}.generator-form input,.generator-form select,.generator-form textarea{background:#fff!important;color:#1f2937!important;border:1px solid #d1d5db!important}.generator-form input::-moz-placeholder,.generator-form textarea::-moz-placeholder{color:#9ca3af!important}.generator-form input::placeholder,.generator-form textarea::placeholder{color:#9ca3af!important}.login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:24px;padding:48px 40px;max-width:450px;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:fadeInUp .6s ease-out}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.login-logo span{color:#fff}.login-logo span,.login-title{font-weight:700;font-size:28px}.login-title{color:#1f2937;margin-bottom:8px}.login-subtitle{color:#6b7280;font-size:14px}.login-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:center}.login-message.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:500;color:#374151}.form-input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.login-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(79,70,229,.4)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-btn{background-color:#f3f4f6;color:#374151;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.register-btn:hover{background-color:#e5e7eb}.login-divider{text-align:center;margin:24px 0;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.login-divider span{background:#fff;padding:0 16px;color:#9ca3af;font-size:14px;position:relative;z-index:1}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:24px}.login-logo{width:52px;height:52px}.login-logo span{font-size:24px}}@media (max-width:768px){.slide-title{font-size:32px}.slide-subtitle{font-size:16px}.section-title{font-size:28px}.pricing-card.popular{transform:scale(1)}.nav-links{justify-content:center}.navbar-inner{flex-direction:column}.features-grid,.footer-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.footer-grid{text-align:center}.footer-logo{justify-content:center}}