*{box-sizing:border-box;margin:0;padding:0}body{color:#1a2634;background:#f5f7fb;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{z-index:1000;background:#fff;padding:1rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo a{color:#0000;background:linear-gradient(135deg,#1f2b38,#2c3e50);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#4a627a;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#1f2b38}.hamburger{cursor:pointer;font-size:1.8rem;display:none}.hero{text-align:center;background:linear-gradient(135deg,#f5f7fb 0%,#fff 100%);padding:3rem 0 2rem}.hero h1{margin-bottom:.5rem;font-size:2.8rem}.year{color:#fff;vertical-align:middle;background:#2c3e50;border-radius:30px;padding:.1rem .6rem;font-size:1rem}.tool-section{padding:1rem 0 3rem}.tool-card{background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 20px 35px -12px #00000026}.display-area{background:#eef2f5;padding:1.8rem}.screen-preview{cursor:pointer;aspect-ratio:16/9;background:#fff;border-radius:24px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 12px 28px #0000001a}.screen-color{justify-content:center;align-items:center;width:100%;height:100%;transition:background 80ms linear;display:flex}.instruction{color:#fff;pointer-events:none;background:#00000080;border-radius:30px;padding:.5rem 1rem;font-size:.8rem}.controls{padding:1.5rem}.color-grid{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.color-btn{cursor:pointer;border:3px solid #fff;border-radius:50%;width:65px;height:65px;transition:transform .1s;box-shadow:0 4px 10px #00000026}.color-btn:hover{transform:scale(1.05)}.action-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{color:#fff;cursor:pointer;background:#1f2b38;border:none;border-radius:60px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600}.btn-light{color:#1f2b38;background:#eef2fa;border:1px solid #cddae9}.info-status{text-align:center;color:#2c5a6e;background:#eef2fc;border-radius:30px;width:auto;margin-top:1rem;padding:.4rem 1.2rem;font-size:.85rem;display:inline-block}.features-grid,.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem;margin:2rem 0;display:grid}.feature-card{text-align:center;background:#fff;border-radius:1.5rem;padding:1.8rem;box-shadow:0 5px 15px #0000000d}.icon{margin-bottom:.8rem;font-size:2.5rem}.benefit-item{background:#fff;border-radius:1rem;padding:1rem}.steps{background:#eef2fa;border-radius:1.5rem;padding:1.5rem}.step{border-bottom:1px solid #cddae9;padding:.7rem}.faq-section{padding:2rem 0 4rem}.faq-item{background:#fff;border-radius:1rem;margin-bottom:1rem;padding:1.2rem}.faq-question{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.faq-answer{color:#4a627a}.about-grid{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0;display:grid}.contact-form input,.contact-form textarea{border:1px solid #cddae9;border-radius:.8rem;width:100%;margin-bottom:1rem;padding:.8rem;font-family:inherit}.success-message{color:#155724;background:#d4edda;border-radius:.8rem;margin-bottom:1rem;padding:.8rem}.footer{color:#a0b3c9;text-align:center;background:#1a2634;margin-top:3rem;padding:2rem 0}.footer a{color:#cbd5e6;text-decoration:none}@media (width<=768px){.nav-links{background:#fff;flex-direction:column;width:100%;padding:1rem;display:none;position:absolute;top:70px;left:0;box-shadow:0 10px 20px #0000001a}.nav-links.active{display:flex}.hamburger{display:block}.about-grid{grid-template-columns:1fr}.hero h1{font-size:2rem}.color-btn{width:55px;height:55px}}.color-hero{text-align:center;padding:3rem 0}.mini-screen{cursor:pointer;border-radius:16px;width:280px;height:180px;margin:20px auto;transition:transform .2s;box-shadow:0 15px 35px #0003}.mini-screen:hover{transform:scale(1.02)}.use-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.use-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014}.use-card h3{color:#2c3e50;margin-bottom:.5rem}.btn-large{padding:12px 32px;font-size:1.1rem}.lang-dropdown{display:inline-block;position:relative}.lang-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 15px;font-size:14px}.lang-menu{z-index:9999;background:#fff;min-width:220px;display:none;position:absolute;top:100%;left:0;box-shadow:0 2px 10px #00000026}.lang-menu a{color:#333;padding:12px 15px;font-size:15px;text-decoration:none;transition:all .2s;display:block}.lang-menu a span{color:#666;width:28px;font-size:12px;font-weight:600;display:inline-block}.lang-menu a:hover{background:#f3f3f3}.lang-dropdown:hover .lang-menu{display:block}.dropdown[data-astro-cid-ju4pidww]{position:relative}.dropdown-menu[data-astro-cid-ju4pidww]{z-index:1000;background:#1a1a1a;border-radius:8px;min-width:160px;margin:0;padding:.5rem 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000004d}.dropdown-menu[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww]{margin:0}.dropdown-menu[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww]{white-space:nowrap;padding:.5rem 1rem;display:block}.dropdown-menu[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww]:hover{background:#333}.dropdown[data-astro-cid-ju4pidww]:hover .dropdown-menu[data-astro-cid-ju4pidww]{display:block}@media (width<=768px){.dropdown-menu[data-astro-cid-ju4pidww]{box-shadow:none;padding-left:1rem;position:static}.dropdown[data-astro-cid-ju4pidww]:hover .dropdown-menu[data-astro-cid-ju4pidww]{display:none}.dropdown[data-astro-cid-ju4pidww].active .dropdown-menu[data-astro-cid-ju4pidww]{display:block}}