:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--accent-gradient:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);--text-dark:#0f172a;--text-gray:#475569;--text-light:#94a3b8;--bg-light:#f8fafc;--bg-white:#fff;--border:#e2e8f0;--radius-lg:24px;--radius-md:12px;--shadow-soft:0 10px 30px rgba(0,0,0,.04);--shadow-strong:0 20px 40px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 5%}section{padding:80px 0}.text-center{text-align:center}.section-tag{display:inline-block;padding:5px 15px;background:#f1f5f9;color:var(--primary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;border-radius:50px;margin-bottom:20px}.section-title{font-size:2.5rem;font-weight:900;margin-bottom:20px;letter-spacing:-.02em;line-height:1.2}.section-subtitle{font-size:1.1rem;color:var(--text-gray);max-width:700px;margin:0 auto 50px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 5%;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;text-decoration:none}.logo img{width:28px;height:28px;-webkit-text-fill-color:initial}.nav-right{display:flex;align-items:center;gap:20px}.nav-link-login{text-decoration:none;color:var(--text-dark);font-weight:700;font-size:.9rem;transition:.2s;display:flex;align-items:center}.nav-link-login:hover{color:var(--primary)}.btn-nav{background:var(--primary-gradient);color:#fff;padding:.6rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .2s;white-space:nowrap}.btn-nav:hover{transform:scale(1.05)}.nav-text-mobile{display:none}.shadow-btn{box-shadow:0 4px 14px 0 rgba(99,102,241,.39)}.shadow-btn:hover{box-shadow:0 6px 20px rgba(99,102,241,.23)}.hero{padding:140px 0 100px;background:radial-gradient(circle at top right,#f5f3ff,transparent);position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-text h1{font-size:3.8rem;line-height:1.1;font-weight:900;margin-bottom:25px;color:var(--text-dark)}.hero-text p{font-size:1.25rem;color:var(--text-gray);margin-bottom:35px}.identity-text{font-size:.95rem;color:var(--text-light);font-weight:600;margin-top:25px;display:block;opacity:.9}.hero-btns{display:flex;gap:15px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;padding:0 26px;min-width:220px;font-size:15px;font-weight:600;line-height:1;vertical-align:middle;border-radius:12px;cursor:pointer;white-space:nowrap;text-decoration:none;user-select:none;-webkit-appearance:none;appearance:none;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px rgba(99,102,241,.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(99,102,241,.3)}.btn-secondary{background:#fff;color:var(--text-dark);border-color:var(--border)}.btn-secondary:hover{background:#fff;transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-soft)}.hero-image-wrapper{position:relative;display:flex;justify-content:center;width:100%;max-width:420px;margin:0 auto}.hero-image-wrapper img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);transform:rotate(2deg);position:relative;z-index:2}.floating-icon{position:absolute;width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-strong);z-index:3;animation:float 6s ease-in-out infinite}.f-icon-1{top:-20px;left:5%;animation-delay:0s}.f-icon-2{top:80px;right:-20px;animation-delay:1s}.f-icon-3{bottom:20px;left:-20px;animation-delay:2s}.f-icon-4{bottom:100px;right:5px;animation-delay:3.5s}.f-icon-5{top:45%;left:-40px;animation-delay:5s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.examples-section{background:var(--bg-light);padding-bottom:80px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:20px 0}.example-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);transition:.4s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.example-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong);border-color:var(--primary)}.example-img{height:180px;background-size:cover;background-position:center}.example-body{padding:25px;flex-grow:1;display:flex;flex-direction:column}.example-body h4{margin-bottom:8px;font-weight:800;font-size:1.15rem}.example-body p{font-size:.95rem;color:var(--text-gray);margin-bottom:20px;flex-grow:1}.card-footer{border-top:1px solid var(--bg-light);padding-top:15px;display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.card-footer span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.f-card{padding:40px;border-radius:var(--radius-lg);background:var(--bg-light);transition:all .3s;border:1px solid transparent}.f-card:hover{transform:translateY(-10px);background:#fff;border-color:var(--border);box-shadow:var(--shadow-soft)}.f-icon-box{width:50px;height:50px;background:#e0e7ff;color:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.f-icon-svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none}.testimonials-section{background:var(--bg-light);padding:100px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.testimonial-card{background:#fff;padding:35px 30px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #cbd5e1;display:flex;flex-direction:column;justify-content:space-between;height:100%;transition:transform .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.t-stars{color:#f59e0b;margin-bottom:15px;font-size:1.2rem;letter-spacing:2px}.t-text{font-size:1.05rem;color:#1e293b;margin-bottom:25px;line-height:1.6;font-style:normal;font-weight:500}.t-text::before{content:"“";font-size:2rem;color:var(--primary);line-height:0;position:relative;top:10px;margin-right:4px;opacity:.5}.t-author{display:flex;align-items:center;gap:15px}.t-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.t-meta h5{font-weight:800;color:var(--text-dark);font-size:1rem;margin-bottom:2px}.t-meta span{font-size:.85rem;color:var(--text-light);font-weight:600}.faq-section{background:var(--bg-white);padding:80px 0}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:16px;transition:all .3s ease;overflow:hidden}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.05)}.faq-item.active{border-color:var(--primary);background-color:#f8fafc}.faq-question{width:100%;padding:24px;text-align:left;background:none;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:1.1rem;font-weight:700;color:var(--text-dark);transition:color .3s}.faq-question:hover{color:var(--primary)}.faq-toggle-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#eef2ff;color:var(--primary);font-size:1.5rem;line-height:1;font-weight:400;flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .3s}.faq-item.active .faq-toggle-icon{transform:rotate(135deg);background:var(--primary);color:#fff}.faq-answer{max-height:0;opacity:0;overflow:hidden;padding:0 24px;transition:max-height .4s ease-out,opacity .3s ease,padding .4s ease;color:var(--text-gray);line-height:1.7;font-size:1rem}.faq-item.active .faq-answer{opacity:1;padding-bottom:32px}.cta-section{background:var(--primary-gradient);color:#fff;padding:100px 0}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:#fff;transform:scale(1.05);box-shadow:0 10px 30px rgba(255,255,255,.2)}footer{background:#070b14;color:#64748b;padding:70px 0 40px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:60px;margin-bottom:50px}.footer-logo{color:#fff;font-size:1.4rem;font-weight:900;text-decoration:none;margin-bottom:20px;display:flex;align-items:center;gap:8px}.footer-logo img{width:24px;height:24px}.footer-col h4{color:#fff;margin-bottom:20px;font-size:1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col a{color:inherit;text-decoration:none;transition:.2s;font-size:.95rem}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;padding-top:30px;font-size:.85rem;flex-wrap:wrap;gap:20px}.footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.footer-bottom-links p{margin:0}.footer-lang{display:flex;gap:10px;align-items:center}.footer-lang a{color:#64748b;text-decoration:none;transition:.2s}.footer-lang a:hover{color:#fff}.footer-lang a.active{color:#fff;font-weight:700}@media(max-width:1024px){.hero-grid,.features-grid,.testimonials-grid,.examples-grid{grid-template-columns:1fr}.hero-text h1{font-size:2.8rem}.hero-image-wrapper{order:-1;text-align:center;padding-bottom:40px;max-width:360px;margin:0 auto}.hero-text{text-align:center}.hero-btns{justify-content:center}.floating-icon{display:none}.section-title{font-size:2.2rem}}@media(min-width:600px) and (max-width:1024px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero{padding:40px 0 60px;text-align:center}.hero-grid{display:flex;flex-direction:column;gap:20px}.hero-image-wrapper{order:-1;max-width:200px;margin:0 auto;transform:none!important}.hero-image-wrapper img{box-shadow:0 10px 20px rgba(0,0,0,.1)}.free-badge{margin-bottom:15px}.hero-text h1{font-size:2rem;line-height:1.15;margin-bottom:15px}.hero-text p{font-size:1rem;line-height:1.5;color:var(--text-gray);margin-bottom:25px;padding:0 5px}.identity-text{font-size:.85rem;margin-top:20px;padding:0 10px}.hero-btns{display:flex;flex-direction:row;gap:12px;width:100%}.btn{flex:1;width:auto;padding:.9rem 0;font-size:.95rem;display:flex;justify-content:center;align-items:center}.btn-secondary{background:transparent;border:2px solid var(--border);color:var(--text-dark)}.navbar{padding:.8rem 5%}.logo{font-size:1.3rem}.nav-right{gap:10px}.nav-text-desktop{display:none}.testimonial-card{padding:25px}.t-text{font-size:1rem}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}