:root{--bg-color:#1a1a1a;--text-color:#e0e0e0;--primary-color:#fff;--card-bg-color:#2c2c2c;--border-color:#444;--accent-color:#C8963E}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Inter',sans-serif;margin:0;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2rem}section{padding:4rem 0;border-bottom:1px solid var(--border-color)}h1,h2,h3{font-family:'SF Mono','Courier New',Courier,monospace;color:var(--primary-color);font-weight:600;text-align:center}h2{font-size:2.5rem;margin-bottom:2rem}p{text-align:center;max-width:650px;margin:1rem auto}a{color:var(--primary-color);text-decoration:none}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.hero .subtitle{font-size:1.2rem;margin-top:1.5rem;color:#aaa}.text-xl{font-family:'SF Mono','Courier New',Courier,monospace;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.3}.philosophy-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-top:4rem}@media (min-width:600px){.philosophy-grid{grid-template-columns:repeat(2,1fr)}}.philosophy-item{text-align:center}.philosophy-item svg{width:48px;height:48px;stroke:var(--accent-color);margin-bottom:1rem}.philosophy-item h3{font-size:1.2rem}.philosophy-item p{font-size:.9rem;text-align:center;line-height:1.5}.tools-grid{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.tool-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;padding:2rem;width:300px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.tool-card h3{margin-top:0}.tool-card .button{display:inline-block;margin-top:1.5rem;padding:.8rem 1.5rem;background-color:var(--accent-color);color:var(--bg-color);border-radius:5px;font-weight:700;transition:transform .2s ease}.tool-card .button:hover{transform:scale(1.05)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;text-align:left;margin-top:3rem}.contact-grid h3{text-align:left}.contact-grid p{text-align:left;margin:0}footer{text-align:center;padding:3rem 1rem;font-size:.9rem;color:#888}.social-links{margin-top:1rem;margin-bottom:1rem}.social-links a{display:inline-block;margin:0 .75rem}.social-links svg{width:24px;height:24px;fill:#888;transition:fill .3s ease}.social-links a:hover svg{fill:var(--accent-color)}.hero-content{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.hero-logo{max-width:130px;height:auto}.hero-content .text-xl p{text-align:left}.lang-switcher{position:absolute;top:20px;right:20px;font-family:'SF Mono',monospace;font-size:1rem}.lang-switcher a{color:#888;text-decoration:none;padding:0 .5rem;font-weight:700}.lang-switcher a.active{color:var(--primary-color)}@media (max-width:768px){.hero-content{flex-direction:column;gap:1.5rem}.hero-logo{max-width:150px}.hero-content .text-xl p{text-align:center}}```

### **4. Файл `site.webmanifest`**

```json
{
    "name": "{FOSSpel}",
    "short_name": "{FOSSpel}",
    "icons": [
        {
            "src": "https://fosspel.github.io/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "https://fosspel.github.io/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "theme_color": "#1a1a1a",
    "background_color": "#1a1a1a",
    "display": "standalone"
}