*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.desktop-only{display:none}.mobile-only{display:block}.language-selector,.logo-language-selector{position:relative;z-index:1000;background-color:transparent}.language-dropdown{display:block;background-color:#333;border:1px solid #444;border-radius:4px;padding:5px 0;min-width:150px}.earth-icon{font-size:1.1rem;margin-right:5px}.navbar{background-color:#1a1a1a;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.logo-container{display:flex;align-items:center;padding:5px 0}.logo-image{width:64px;height:64px;margin-right:8px}.logo-text h1{font-size:1rem;font-weight:700;line-height:1.2}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;position:absolute;top:10px;right:20px;z-index:1001}.menu-icon{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:all .3s ease}.main-nav{background-color:#1a1a1a}.main-nav ul{list-style:none;display:flex;flex-direction:column}.nav-link{color:#fff;text-decoration:none;padding:10px 15px;display:block;transition:background-color .3s}.nav-link:hover{background-color:#333}.user-controls{padding:15px;background-color:#222}.login-button,.register-button{color:#fff;text-decoration:none;padding:8px 15px;border-radius:4px;display:inline-block;margin-right:10px}.login-button{background-color:transparent}.login-button,.register-button{border:1px solid var(--button-primary)}.register-button{background-color:var(--button-primary)}.user-profile{display:flex;align-items:center;color:#fff;text-decoration:none;padding:8px 15px;border-radius:4px;transition:background-color .3s ease}.user-profile:hover{background-color:#333}.user-avatar{width:32px;height:32px;background-color:var(--button-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px;font-weight:700;font-size:14px}.main-content{min-height:calc(100vh - 100px);padding:20px 0}.footer{background-color:#1a1a1a;color:#ccc;padding:30px 0}.footer-content{display:flex;flex-direction:column;gap:30px}.footer-column h3{color:#fff;margin-bottom:15px;font-size:1.1rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:8px}.footer-column a{color:#ccc;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#fff}.online-users{margin-top:20px;color:var(--accent-color)}.copyright,.online-users{text-align:center;font-size:.9rem}.copyright{margin-top:10px;padding-top:20px;border-top:1px solid #333}.mobile-menu{background-color:#1a1a1a;position:fixed;top:60px;left:0;right:0;z-index:999;max-height:calc(100vh - 60px);overflow-y:auto}.mobile-menu ul{list-style:none}.mobile-link{padding:15px 20px;border-bottom:1px solid #333}.language-selector{margin-bottom:15px}.mobile-menu .language-dropdown{position:static;width:100%;min-width:unset;right:unset;margin-top:0;border-top:none;border-radius:0 0 4px 4px;z-index:1002;background-color:#222;border:1px solid #444;white-space:normal}@media (min-width:1024px){.language-selector{margin-right:15px}.user-controls .language-selector .language-button{padding:5px 10px;height:36px;vertical-align:middle;margin-top:20px}}.mobile-menu .language-selector{display:block;position:static;margin:0;z-index:1002}.mobile-menu .earth-icon{margin-right:8px}.mobile-lang-btn{width:100%;text-align:left;background-color:#222;border:1px solid #444;cursor:pointer;padding:10px 15px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:space-between}.mobile-lang-dropdown{position:static;margin-top:-1px;border-radius:0 0 4px 4px;z-index:1002;background-color:#222;border:1px solid #444;border-top:none;width:100%;padding:5px 0;transition:all .3s ease}.mobile-lang-dropdown.closed{display:none;opacity:0;max-height:0}.mobile-lang-dropdown.open{display:block;opacity:1;max-height:500px}.language-option{padding:8px 15px;transition:background-color .2s}.language-option.active{background-color:var(--button-primary)}.language-button{background-color:#333;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%}.dropdown-arrow{margin-left:10px;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.logo-language-selector .language-dropdown{position:absolute;top:100%;left:0;width:120px;background-color:#222;border:1px solid #444;border-radius:4px;margin-top:5px;z-index:1000;white-space:nowrap}.language-option{padding:10px 15px;cursor:pointer;transition:background-color .3s}.language-option:hover{background-color:#333}.language-option.active{background-color:#4caf50;color:#fff}.mobile-language-section{padding:15px 20px;border-bottom:1px solid #333}@media (max-width:1024px){.desktop-nav{display:none}}.section-title{color:#888;font-size:.9rem;margin-bottom:10px}.mobile-language-option{padding:8px 0;cursor:pointer;transition:color .3s}.mobile-language-option:hover{color:var(--button-primary)}.mobile-language-option.active{color:var(--button-primary);font-weight:700}@media (min-width:768px){.logo-text h1{font-size:1.5rem}.footer-content{flex-direction:row;justify-content:space-between}.footer-column{flex:1}}@media (min-width:1024px){.desktop-only{display:block}.mobile-only{display:none}.container{display:flex;justify-content:space-between;align-items:center}.footer .container{flex-direction:column;align-items:stretch}.footer-content{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.copyright{width:100%;text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #333}.main-nav ul{flex-direction:row}.nav-link{padding:20px 15px}.user-controls{background-color:transparent;padding:0;display:flex;align-items:center}.language-selector{display:flex;margin-right:15px}.language-button{width:auto;background-color:#333;color:#fff;padding:8px 15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.language-button,.language-dropdown{border:1px solid #444;border-radius:4px}.language-dropdown{position:absolute;top:100%;right:0;background-color:#222;margin-top:5px;z-index:1000;min-width:150px}}@media (max-width:767px){.footer-content{padding:0 10px}.footer-column{margin-bottom:20px}}@media (min-width:768px) and (max-width:1023px){.footer-content{flex-wrap:wrap}.footer-column{flex:0 0 48%;margin-bottom:20px}}