:root{--bg-color: #f5f5f7;--text-color: #1a1a1a;--card-bg: #ffffff;--card-border: #d2d2d7;--card-bg-hover: #f0f0f5;--heading-color: #0066cc;--heading-shadow: none;--p-color: #555555;--app-p-color: #666666;--link-color: #e11d48;--toggle-hover-bg: rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--card-bg: #2a2a2a;--card-border: #3a3a3a;--card-bg-hover: #333333;--heading-color: #7df9ff;--heading-shadow: 0 0 5px #7df9ff, 0 0 10px #7df9ff;--p-color: #c0c0c0;--app-p-color: #a0a0a0;--link-color: #f43f5e;--toggle-hover-bg: rgba(255, 255, 255, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;text-align:center;transition:background-color .3s ease,color .3s ease}.container{max-width:600px;padding:40px}.logo{width:150px;height:150px;margin-bottom:20px;border-radius:50%}h1{font-size:3rem;color:var(--heading-color);text-shadow:var(--heading-shadow);transition:color .3s ease,text-shadow .3s ease}p{font-size:1.2rem;line-height:1.6;color:var(--p-color);transition:color .3s ease}a{color:var(--link-color);text-decoration:none;font-weight:700;transition:color .3s ease}a:hover{text-decoration:underline}.apps-grid{display:flex;flex-direction:column;gap:20px;margin-top:40px}@media(min-width:600px){.apps-grid{flex-direction:row;justify-content:center;flex-wrap:wrap}}.app-card{position:relative;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;transition:transform .2s ease,background-color .3s ease,border-color .3s ease;flex:1}.app-card:hover{transform:translateY(-5px);background-color:var(--card-bg-hover);border-color:var(--heading-color);text-decoration:none}.app-icon{width:64px;height:64px;border-radius:12px;object-fit:cover}.app-info{text-align:left}.app-info h3{margin:0 0 4px;color:var(--heading-color);font-size:1.2rem;text-shadow:none;transition:color .3s ease}.app-info p{margin:0;font-size:.9rem;color:var(--app-p-color);line-height:1.3}.app-links{margin-top:8px;display:flex;gap:12px;font-size:.9rem}.main-link:after{content:"";position:absolute;inset:0;z-index:1}.app-links a:not(.main-link){position:relative;z-index:2}.contact-info,.copyright{margin-top:40px;font-size:1rem}.top-controls{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px;z-index:1000}.theme-toggle{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .3s ease}.theme-toggle:hover{background-color:var(--toggle-hover-bg)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}details.lang-switcher{position:relative}details.lang-switcher summary{list-style:none;cursor:pointer;background-color:var(--bg-color);border:1px solid var(--card-border);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;color:var(--text-color);transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none}details.lang-switcher summary::-webkit-details-marker{display:none}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-color);border:1px solid var(--card-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #0000001a;min-width:80px}[data-theme=dark] .lang-dropdown{box-shadow:0 4px 12px #00000080}.lang-link{text-decoration:none;color:var(--text-color);font-size:.85rem;font-weight:700;padding:10px 16px;transition:background-color .2s ease,color .2s ease}.lang-link:hover:not(.active){background-color:var(--toggle-hover-bg);text-decoration:none}.lang-link.active{background-color:var(--heading-color);color:var(--bg-color);pointer-events:none}[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}