body{background-color:#121212;color:#eee;font-family:Roboto,'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column}header{background-color:#181818;padding:15px 30px;box-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:0;position:sticky;top:0;z-index:100}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}.topbar h1{flex-shrink:0}.topbar h1 a{margin:0;font-size:2rem;color:#fff;text-decoration:none;white-space:nowrap}.topbar-nav{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin-left:auto}.topbar-nav a{background-color:#9146ff;border:2px solid #9146ff;color:#fff;padding:10px 22px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(145,70,255,.3);white-space:nowrap}.topbar-nav a:hover{background-color:#6b32cc;border-color:#6b32cc;color:#fff;box-shadow:0 6px 16px rgba(145,70,255,.5);transform:translateY(-2px)}.topbar-nav a:active{transform:translateY(0);box-shadow:0 2px 8px rgba(145,70,255,.3)}.topbar-nav a[aria-current=page]{background-color:#7b2de8;border-color:#c8a9fa;color:#fff;box-shadow:0 4px 14px rgba(145,70,255,.5)}.user-actions{display:flex;align-items:center;gap:15px;font-size:1rem;flex-wrap:nowrap;flex-shrink:0}.btn,.panel-btn{background-color:#9146ff;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(145,70,255,.3);margin-right:8px}.btn:hover,.panel-btn:hover{background-color:#6b32cc;box-shadow:0 6px 16px rgba(145,70,255,.5);transform:translateY(-2px)}.btn:active,.panel-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(145,70,255,.3)}.btn-hero{padding:14px 32px;font-size:1.1rem}.btn-secondary{background-color:transparent;border:2px solid #9146ff;color:#c8a9fa;box-shadow:none;margin-right:0}.btn-secondary:hover{background-color:rgba(145,70,255,.15);box-shadow:none;transform:translateY(-2px)}#langForm{display:inline}#langSelect{background:#23194d;color:#fff;border:2px solid #b085ff;border-radius:7px;padding:10px 22px;font-size:.95rem;font-weight:700;box-shadow:0 0 10px rgba(142,88,255,.3);outline:0;cursor:pointer;transition:all .25s ease}#langSelect:focus,#langSelect:hover{border-color:#c8a9fa;background:#362178;color:#9e7fff;box-shadow:0 0 15px rgba(142,88,255,.5)}main{flex-grow:1;width:100%;max-width:960px;margin:0 auto;padding:0 20px 60px 20px;box-sizing:border-box}main.root-hero{background-color:#181e26;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);color:#f5f7fa;text-align:center;margin-top:30px;margin-bottom:30px;padding:20px}.hero-section{text-align:center;padding:80px 20px 60px}.hero-section h2{font-size:clamp(1.6rem, 4vw, 2.6rem);color:#a97dff;margin-bottom:18px;line-height:1.25}.hero-slogan{font-size:clamp(1rem, 2vw, 1.2rem);color:#c9c2d6;margin-bottom:32px;max-width:620px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.status-bar{display:inline-flex;align-items:center;gap:8px;background:#1a1a2e;border:1px solid #2e2e50;border-radius:999px;padding:6px 18px;font-size:.9rem;color:#aaa}.status-dot{width:10px;height:10px;border-radius:50%;background:#555;flex-shrink:0;transition:background .4s ease}.status-dot.ok{background:#4ece84;box-shadow:0 0 6px rgba(78,206,132,.6)}.status-dot.issue{background:#ffb347;box-shadow:0 0 6px rgba(255,179,71,.6)}.status-dot.error{background:#ff5c5c;box-shadow:0 0 6px rgba(255,92,92,.6)}.audience-section,.features-section,.how-section,.tech-section{padding:60px 0;border-top:1px solid #2a2a3a}.audience-section h3,.features-section h3,.how-section h3,.tech-section h3{font-size:clamp(1.3rem, 3vw, 1.8rem);color:#a97dff;text-align:center;margin-bottom:36px}.feature-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.feature-card{background:#181e26;border:1px solid #2e3450;border-radius:12px;padding:24px 20px;transition:border-color .25s ease,transform .25s ease}.feature-card:hover{border-color:#9146ff;transform:translateY(-3px)}.feature-card--highlight{border-color:#4ece84}.feature-card--highlight:hover{border-color:#4ece84}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-card h4{font-size:1.05rem;color:#e0d8f5;margin-bottom:8px}.feature-card p{font-size:.95rem;color:#9a95ad;line-height:1.6}.highlight-free{background:#4ece84;color:#181e26;font-weight:700;border-radius:7px;padding:3px 11px;font-size:.9rem;margin-left:4px}.steps{display:flex;align-items:flex-start;justify-content:center;gap:16px;flex-wrap:wrap}.step{background:#181e26;border:1px solid #2e3450;border-radius:12px;padding:28px 24px;text-align:center;flex:1 1 200px;max-width:260px}.step-number{width:44px;height:44px;border-radius:50%;background:#9146ff;color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.step h4{font-size:1rem;color:#e0d8f5;margin-bottom:8px}.step p{font-size:.9rem;color:#9a95ad;line-height:1.6}.step-arrow{font-size:1.8rem;color:#9146ff;align-self:center;flex-shrink:0}.audience-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.audience-card{background:#181e26;border:1px solid #2e3450;border-radius:12px;padding:28px 22px;text-align:center;transition:border-color .25s ease,transform .25s ease}.audience-card:hover{border-color:#9146ff;transform:translateY(-3px)}.audience-icon{font-size:2.2rem;margin-bottom:14px}.audience-card h4{font-size:1.05rem;color:#e0d8f5;margin-bottom:8px}.audience-card p{font-size:.9rem;color:#9a95ad;line-height:1.6}.tech-intro{text-align:center;color:#9a95ad;margin-bottom:32px;font-size:1rem}.tech-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.tech-item{background:#181e26;border:1px solid #2e3450;border-radius:12px;padding:24px 20px}.tech-item h4{font-size:1rem;color:#a97dff;margin-bottom:10px}.tech-item p{font-size:.9rem;color:#9a95ad;line-height:1.6;margin-bottom:12px}.tech-links{display:flex;flex-direction:column;gap:6px}.tech-links a{color:#a97dff;font-size:.85rem;text-decoration:none;transition:color .2s ease}.tech-links a:hover{color:#c8a9fa;text-decoration:underline}.imprint-hero{flex-grow:1;width:100%;max-width:900px;margin:30px auto;padding:20px;background-color:#181e26;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);color:#f5f7fa;text-align:center}.imprint-hero h2{font-size:2rem;margin-bottom:16px;color:#a97dff}.imprint-hero p{font-size:1.1rem;margin-bottom:20px;color:#fff}.imprint-hero a{font-size:1.1rem;margin-bottom:20px;color:#a97dff;text-decoration:none}.imprint-hero a:hover{color:#624994;text-decoration:none}.terms-of-use-hero{flex-grow:1;width:100%;max-width:900px;margin:30px auto;padding:20px;background-color:#181e26;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);color:#f5f7fa;text-align:left}.terms-of-use-hero h2{font-size:2rem;margin-bottom:16px;color:#a97dff}.terms-of-use-hero h3{color:#a97dff}.terms-of-use-hero p{font-size:1.1rem;margin-bottom:20px;color:#fff}.terms-of-use-hero a{font-size:1.1rem;margin-bottom:20px;color:#a97dff;text-decoration:none}.terms-of-use-hero a:hover{color:#624994;text-decoration:none}.privacy-policy-hero{flex-grow:1;width:100%;max-width:900px;margin:30px auto;padding:20px;background-color:#181e26;border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.3);color:#f5f7fa;text-align:left}.privacy-policy-hero h2{font-size:2rem;margin-bottom:16px;color:#a97dff}.privacy-policy-hero p{font-size:1.1rem;margin-bottom:20px;color:#fff}.privacy-policy-hero a{font-size:1.1rem;margin-bottom:20px;color:#a97dff;text-decoration:none}.privacy-policy-hero a:hover{color:#624994;text-decoration:none}.faq-page{max-width:860px;margin:30px auto;padding:20px}.faq-page h2{font-size:clamp(1.6rem, 4vw, 2.4rem);color:#a97dff;margin-bottom:.5rem}.faq-intro{color:#9a95ad;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.faq-category{margin-bottom:2.5rem}.faq-category h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a97dff;border-bottom:2px solid #9146ff;padding-bottom:.4rem;margin-bottom:1.2rem}details.faq-item{border:1px solid #2e3450;border-radius:10px;margin-bottom:.6rem;background:#181e26}details.faq-item[open]{border-color:#9146ff}details.faq-item summary{padding:.9rem 1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.98rem;color:#e0d8f5}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary::after{content:'+';font-size:1.3rem;font-weight:400;flex-shrink:0;color:#9146ff}details.faq-item[open] summary::after{content:'−'}.faq-answer{padding:0 1rem 1rem;line-height:1.7;font-size:.96rem;color:#c9c2d6}.faq-answer p{margin-bottom:.6rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{padding-left:1.3rem;margin:.4rem 0 .6rem}.faq-answer ul li{margin-bottom:.3rem}.faq-answer a{color:#a97dff;text-decoration:none}.faq-answer a:hover{color:#c8a9fa;text-decoration:underline}.faq-answer code{background:#23194d;padding:.1em .35em;border-radius:.25rem;font-size:.9em;font-family:monospace;color:#c8a9fa}.about-back,.about-page .about-back,.faq-back,.faq-page .faq-back{display:inline-flex;align-items:center;gap:6px;margin-top:2rem;background-color:#9146ff;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(145,70,255,.3)}.about-back:hover,.about-page .about-back:hover,.faq-back:hover,.faq-page .faq-back:hover{background-color:#6b32cc;box-shadow:0 6px 16px rgba(145,70,255,.5);transform:translateY(-2px);color:#fff;text-decoration:none}.about-back:active,.faq-back:active{transform:translateY(0);box-shadow:0 2px 8px rgba(145,70,255,.3)}.about-page{max-width:860px;margin:30px auto;padding:20px}.about-page h2{font-size:clamp(1.6rem, 4vw, 2.4rem);color:#a97dff;margin-bottom:.5rem}.about-lead{font-size:1.08rem;color:#9a95ad;margin-bottom:2.5rem;line-height:1.7}.about-page h3{font-size:1.1rem;font-weight:700;margin:2rem 0 .75rem;color:#a97dff;border-left:3px solid #9146ff;padding-left:.75rem}.about-page p{line-height:1.75;margin-bottom:1rem;font-size:.97rem;color:#c9c2d6}.about-page a{color:#a97dff;text-decoration:none}.about-page a:hover{color:#c8a9fa;text-decoration:underline}.about-page .about-back,.about-page .about-back:link,.about-page .about-back:visited{color:#fff;text-decoration:none}.about-page ul{padding-left:1.4rem;margin-bottom:1rem}.about-page ul li{margin-bottom:.4rem;line-height:1.65;font-size:.97rem;color:#c9c2d6}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1rem 0 1.5rem}.tech-stack-item{background:#181e26;border:1px solid #2e3450;border-radius:10px;padding:.9rem 1rem;transition:border-color .25s ease}.tech-stack-item:hover{border-color:#9146ff}.tech-stack-item strong{display:block;margin-bottom:.25rem;color:#a97dff;font-size:.95rem}.tech-stack-item span{font-size:.88rem;color:#9a95ad}.about-contact-box{background:#181e26;border:1px solid #2e3450;border-radius:10px;padding:1.25rem 1.5rem;margin-top:1rem}.about-contact-box p{margin-bottom:.4rem;color:#c9c2d6}.about-divider{border:none;border-top:1px solid #2a2a3a;margin:2rem 0}footer{background-color:#181818;color:#888;text-align:center;font-size:.9rem;margin-top:1.5rem;-webkit-user-select:none;user-select:none;box-shadow:0 -2px 8px rgba(0,0,0,.3)}.footer-version{color:#d7d7d7;text-decoration:none}.footer-links{padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding-left:12px;padding-right:12px}.footer-links a{text-decoration:none;color:#fff;white-space:nowrap}.footer-links-top a{padding-right:0}.footer-links-bottom{gap:8px 5px}@media (max-width:768px){.topbar{flex-wrap:wrap}.topbar h1 a{font-size:1.5rem}.topbar-nav{order:3;width:100%;margin-left:0;justify-content:center;flex-wrap:wrap}.user-actions{margin-left:auto}.hero-section{padding:50px 16px 40px}.step-arrow{transform:rotate(90deg)}.steps{flex-direction:column;align-items:center}.step{max-width:100%;width:100%}.tech-stack-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-section h2{font-size:1.5rem}.topbar h1 a{font-size:1.3rem}.btn-hero{width:100%}}.pp-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:600;padding:.55rem .9rem;border-radius:.65rem;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease}.pp-btn:hover{background:rgba(255,255,255,.1)}.pp-btn:active{transform:translateY(1px)}.pp-btn:focus-visible{outline:3px solid rgba(255,255,255,.35);outline-offset:2px}.pp-btn-danger{border-color:rgba(255,80,80,.55);background:rgba(255,80,80,.16)}.pp-btn-danger:hover{background:rgba(255,80,80,.22)}.pp-btn-hint{margin-left:.6rem;font-size:.95rem;opacity:.75;white-space:nowrap}