:root{--bg-color: #121212;--surface-color: #1e1e1e;--surface-hover: #2a2a2a;--primary-color: #4CAF50;--primary-hover: #45a049;--text-main: #ffffff;--text-secondary: #aaaaaa;--border-color: #333333;--font-family: "Inter", system-ui, -apple-system, sans-serif;--header-height: 64px;--container-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border-radius:9999px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-icon{background:transparent;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.header{height:var(--header-height);background-color:#121212cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;display:flex;align-items:center}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-text{font-weight:700;font-size:1.2rem;letter-spacing:-.5px}.search-section{flex:1;display:flex;justify-content:center}.search-bar{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:9999px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;width:100%;max-width:400px;transition:border-color .2s}.search-bar:focus-within{border-color:var(--primary-color)}.search-icon{color:var(--text-secondary)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-main);width:100%;font-family:inherit}.actions-section{display:flex;align-items:center;gap:.5rem}.language-switcher{position:relative}.language-button{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-main);font-family:inherit}.language-button:hover{background-color:var(--surface-hover);border-color:var(--primary-color)}.current-flag{font-size:1.5rem;line-height:1}.chevron{font-size:.7rem;color:var(--text-secondary);transition:transform .2s ease}.language-switcher.open .chevron{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;min-width:200px;box-shadow:0 4px 20px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.language-switcher.open .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.language-option:hover{background-color:var(--surface-hover)}.language-option.active{background-color:#4caf5026;border-left:3px solid var(--primary-color)}.language-option .flag-icon{font-size:1.5rem;line-height:1}.language-option .language-name{font-weight:500;font-size:.95rem}.main-content{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px);padding:2rem 20px}.landing-container{max-width:1000px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.logo-container{display:flex;justify-content:center;align-items:center;width:100%}.main-logo{max-width:500px;width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(76,175,80,.3));transition:transform .3s ease}.main-logo:hover{transform:scale(1.02)}@media(max-width:768px){.main-logo{max-width:300px}}html[dir=rtl],html[dir=rtl] .footer-links{direction:rtl}html[dir=rtl] .language-dropdown{right:auto;left:0}.footer{border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}.footer-links{display:flex;gap:2rem;justify-content:center;color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--text-main)}
