:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-color:#f8fafc;--text-color:#1e293b;--text-light:#64748b;--white:#fff;--border-color:#e2e8f0;--card-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:all .3s}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}header{backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);background:rgba(255,255,255,.8);position:sticky;top:0}.header-content{align-items:center;height:60px;display:flex}.logo{color:var(--primary-color);white-space:nowrap;margin-right:20px;font-size:1.2rem;font-weight:700}.lang-nav{white-space:nowrap;scrollbar-width:none;gap:15px;padding:10px 0;display:flex;overflow-x:auto}.lang-nav::-webkit-scrollbar{display:none}.lang-nav a{color:var(--text-light);font-size:.9rem}.lang-nav a:hover,.lang-nav a.active{color:var(--primary-color)}.hero{text-align:center;padding:40px 0 0}.hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b 0%,#2563eb 100%);-webkit-background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:800}.hero p{color:var(--text-light);max-width:800px;margin:0 auto 4px;font-size:1.2rem}.hero-img-container{box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;margin-bottom:50px;overflow:hidden}.hero-img{margin:0 auto}.download-area{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:10px;display:flex}.btn-download{background-color:var(--primary-color);color:var(--white);border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 6px rgba(37,99,235,.2)}.btn-download:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.features{padding:6px 0 10px}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:30px;transition:all .3s}.feature-card:hover{box-shadow:var(--card-shadow);transform:translateY(-5px)}.feature-emoji{margin-bottom:15px;font-size:2rem;display:block}.feature-card h3{margin-bottom:10px;font-size:1.25rem}.feature-card p{color:var(--text-light);font-size:.95rem}.ad-space{text-align:center;min-height:100px;color:var(--text-light);border:1px dashed var(--border-color);background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;margin:10px 0;padding:20px;font-style:italic;display:flex}.docs{padding:40px 0}.docs h2{text-align:center;margin-bottom:30px}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.doc-link{background:var(--white);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:15px}.doc-link:hover{border-color:var(--primary-color);color:var(--primary-color)}.comparison{padding:60px 0}.comparison h2{text-align:center;margin-bottom:40px}.table-wrapper{background:var(--white);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:15px 20px}th{color:var(--text-color);background:#f8fafc;font-weight:700}tr:last-child td{border-bottom:none}tr:hover td{background:#f1f5f9}.highlight{color:var(--primary-color);font-weight:600}footer{color:#94a3b8;background:#1e293b;margin-top:60px;padding:60px 0}.footer-content{flex-direction:column;gap:40px;display:flex}.footer-langs{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.footer-langs a{color:#94a3b8;font-size:.9rem}.footer-langs a:hover{color:var(--white)}.footer-bottom{text-align:center;border-top:1px solid #334155;padding-top:40px}.footer-bottom a{color:var(--white);font-weight:600}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero h1{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.header-content{flex-direction:column;height:auto;padding:10px 0}.logo{margin-bottom:10px;margin-right:0}.lang-nav{justify-content:center;width:100%}}