:root{--primary: #3F5EFB;--secondary: #FC466B;--dark: #1a1a2e;--light: #f8f9fa;--gradient: linear-gradient(135deg, var(--primary), var(--secondary))}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html{overflow-x:hidden}body{background-color:var(--light);color:var(--dark);line-height:1.6;position:relative;width:100%}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;background:var(--gradient);color:#fff;background-size:400% 400%;animation:gradientBG 15s ease infinite}.app{max-width:1400px;margin:0 auto;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100}header img{height:40px;transition:all .3s ease}header img:hover{transform:scale(1.05)}.user{display:flex;align-items:center;gap:.8rem}.badge{background:var(--gradient);color:#fff;padding:.2rem .6rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase}button{background:var(--gradient);color:#fff;border:none;padding:.8rem 1.2rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;font-size:.9rem}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3f5efb4d}.text-button{background:transparent;color:var(--primary);box-shadow:none;padding:0;text-decoration:underline;min-width:auto}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,#3f5efb0d,#fc466b0d)}.hero-text h1{font-size:2.2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.3}.hero-text p{font-size:1.1rem;max-width:100%;margin:0 auto 2rem;color:#555}.hero-images{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.hero-images img{width:85%;max-width:300px;border-radius:15px;box-shadow:0 10px 20px #0000001a}.features{padding:3rem 1rem;text-align:center}.features h2{font-size:2rem;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:100%}.feature{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #0000000d}.feature h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--primary)}.screenshots{padding:3rem 1rem;background:linear-gradient(135deg,#3f5efb08,#fc466b08);text-align:center}.screenshots h2{font-size:2rem;margin-bottom:2rem}.gallery{display:flex;flex-direction:column;align-items:center;gap:2rem}.gallery img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 5px 15px #0000001a}.testimonials{padding:3rem 1rem;text-align:center}.testimonials h2{font-size:2rem;margin-bottom:2rem}.testimonial-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.testimonial{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;position:relative;font-style:italic}.pricing{padding:3rem 1rem;text-align:center;background:linear-gradient(135deg,#3f5efb08,#fc466b08)}.pricing h2{font-size:2rem;margin-bottom:2rem}.pricing-table{display:flex;flex-direction:column;gap:1.5rem}.plan{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #0000000d}.plan.premium{border:2px solid rgba(252,70,107,.3)}.plan h3{font-size:1.5rem;margin-bottom:1rem}.plan ul{list-style:none;margin-bottom:1.5rem;text-align:left}.plan li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.plan li:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--primary)}.faq{padding:3rem 1rem;max-width:800px;margin:0 auto}.faq h2{font-size:2rem;text-align:center;margin-bottom:2rem}details{margin-bottom:1rem;border-radius:8px;overflow:hidden}summary{padding:1.2rem;background:#fff;font-weight:600;cursor:pointer;list-style:none}details p{padding:0 1.2rem 1.2rem;background:#fff}footer{text-align:center;padding:2rem 1rem;background:var(--dark);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;position:relative;margin:0 1rem}.auth-modal h2{text-align:center;margin-bottom:1.5rem}.auth-modal input{padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;width:100%;margin-bottom:1rem}.error{color:#e74c3c;font-size:.8rem;margin-top:-.8rem;margin-bottom:.5rem}@media (min-width: 768px){header{padding:1.5rem 2rem}header img{height:50px}.hero{padding:5rem 2rem}.hero-text h1{font-size:3rem}.hero-images{flex-direction:row;justify-content:center;gap:2rem}.hero-images img{width:250px;transform:none}.hero-images img:nth-child(1){transform:rotateY(-15deg) translateY(20px)}.hero-images img:nth-child(3){transform:rotateY(15deg) translateY(20px)}.features-grid{grid-template-columns:repeat(3,1fr);padding:0}.testimonial-list{grid-template-columns:repeat(3,1fr)}.pricing-table{flex-direction:row;justify-content:center}.plan{min-width:300px}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}footer img{display:inline-block;vertical-align:middle}footer a img:hover{transform:scale(1.1);transition:transform .3s ease}