:root{--primary:#667eea;--secondary:#764ba2;--bg-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-dark:#333;--text-light:white;--border:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--bg-gradient)}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;padding:60px 20px;color:var(--text-light)}.logo{font-size:4em;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}h1{font-size:3em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tagline{font-size:1.3em;opacity:.95;margin-bottom:30px}.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.badge{background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;font-size:.9em;backdrop-filter:blur(10px)}.cta-section{text-align:center;margin:40px 0}.btn{display:inline-block;padding:15px 40px;margin:10px;font-size:1.1em;text-decoration:none;border-radius:30px;transition:all .3s;font-weight:700}.btn-primary{background:#fff;color:var(--primary);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.btn-secondary{background:0 0;color:#fff;border:2px solid #fff}.btn-secondary:hover{background:rgba(255,255,255,.1)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:60px 0}.feature-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3em;margin-bottom:15px}.feature-card h3{color:var(--primary);margin-bottom:10px;font-size:1.5em}.demo-section{background:#fff;padding:50px;border-radius:20px;margin:40px 0;box-shadow:0 10px 30px rgba(0,0,0,.1)}.demo-section h2{color:var(--primary);text-align:center;margin-bottom:30px;font-size:2.5em}.code-block{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:10px;overflow-x:auto;font-family:courier new,monospace;margin:20px 0}.use-cases{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:40px;border-radius:20px;margin:40px 0;color:#fff}.use-cases h2{text-align:center;margin-bottom:30px;font-size:2.5em}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.use-case{padding:20px;background:rgba(255,255,255,.1);border-radius:10px;border-left:4px solid #fff}.use-case h3{margin-bottom:10px}.vibe-coding{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:40px;border-radius:20px;margin:40px 0;color:#fff}.vibe-coding h2{text-align:center;margin-bottom:20px;font-size:2em}.contributors{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}.contributor{background:rgba(255,255,255,.2);padding:15px 25px;border-radius:10px;backdrop-filter:blur(10px)}footer{text-align:center;padding:40px 20px;color:#fff;margin-top:60px}footer a{color:#fff;text-decoration:none}.language-switcher{position:fixed;top:20px;right:20px;z-index:1001}.lang-dropdown{position:relative}.lang-current{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,5%)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;border:1px solid var(--border);box-shadow:0 5px 15px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;min-width:150px;z-index:1002}.lang-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;padding:10px 16px;color:var(--text-dark);text-decoration:none;font-size:14px}.lang-option:hover{background:#f9f9f9}