.language-switcher{position:relative;z-index:100}.language-button{gap:8px;cursor:pointer}.language-button:hover{border-color:var(--primary-color,#6437d1)}.globe-icon{font-size:14px;color:hsla(0,0%,100%,.7)}.arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:150px;background-color:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);overflow:hidden;z-index:100}.language-option{width:100%;text-align:left;padding:10px 16px;background:transparent;border:none;color:hsla(0,0%,100%,.8);font-size:14px;cursor:pointer;transition:all .2s ease}.language-option:hover{background-color:rgba(100,55,209,.2);color:#fff}.language-option.active{background-color:rgba(100,55,209,.3);color:#fff;font-weight:500}@media (max-width:768px){.language-button{padding:6px 10px;font-size:13px}}html{scroll-behavior:smooth}.header{padding:20px 40px;width:100%;position:fixed;top:0;left:0;z-index:20;transition:background-color .3s ease,box-shadow .3s ease,transform .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,5%,.8);box-shadow:0 4px 20px rgba(0,0,0,.5)}@media (min-width:1px){.header{background-color:hsla(0,0%,5%,.8);padding:20px 40px}@media (min-width:1px) and (max-height:calc(100vh - 50px)){.header{background-color:hsla(0,0%,5%,.95);padding:15px 40px;box-shadow:0 4px 30px rgba(0,0,0,.7)}}}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto}.header-content,.header-left{display:flex;align-items:center}.nav-links{display:flex;margin-left:30px}.nav-link{margin:0 15px;font-size:14px;font-weight:500;opacity:0;transition:all .3s ease,opacity .5s ease;position:relative;animation:fadeInSlideDown .5s forwards;text-decoration:none;color:hsla(0,0%,100%,.8)}.nav-link:first-child{animation-delay:.1s}.nav-link:nth-child(2){animation-delay:.2s}.nav-link:nth-child(3){animation-delay:.3s}.nav-link:nth-child(4){animation-delay:.4s}.nav-link:nth-child(5){animation-delay:.5s}.nav-link:nth-child(6){animation-delay:.6s}.nav-link:hover{opacity:1;color:var(--primary-color);text-decoration:none}.header-right,.web-version-button{display:flex;align-items:center}.web-version-button{background-color:rgba(100,55,209,.2);border:1px solid var(--primary-color);border-radius:6px;padding:6px 12px;margin-right:20px;font-size:14px;font-weight:500;color:#fff;transition:all .3s ease;opacity:0;animation:fadeInSlideDown .5s .7s forwards;text-decoration:none}.web-version-button:hover{background-color:rgba(100,55,209,.3);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2);text-decoration:none}.web-icon{margin-right:6px;font-size:14px}.social-icons{display:flex;margin-right:20px}.social-icon{margin:0 10px;font-size:18px;opacity:0;transition:all .3s ease,opacity .5s ease;animation:fadeInSlideDown .5s forwards}.social-icon:first-child{animation-delay:.7s}.social-icon:nth-child(2){animation-delay:.8s}.social-icon:nth-child(3){animation-delay:.9s}.social-icon:hover{opacity:1;color:var(--primary-color);transform:translateY(-3px)}.language-selector,.user-menu{opacity:0;animation:fadeInSlideDown .5s 1s forwards;position:relative}.user-menu{margin-left:15px}.language-button{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;display:flex;align-items:center;transition:all .3s ease}.language-button:hover{border-color:var(--primary-color);background-color:rgba(100,55,209,.1)}.arrow{font-size:10px;margin-left:5px;transition:transform .3s ease}.language-button:hover .arrow{transform:rotate(180deg)}.user-avatar{cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.user-avatar:hover{transform:scale(1.05)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:180px;background-color:hsla(0,0%,8%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);overflow:hidden;z-index:100}.dropdown-item{display:flex;align-items:center;padding:12px 16px;color:hsla(0,0%,100%,.8);font-size:14px;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background-color:rgba(100,55,209,.2);color:#fff}.dropdown-icon{margin-right:10px;font-size:14px;color:hsla(0,0%,100%,.6)}.dropdown-item:hover .dropdown-icon{color:var(--primary-color)}.login-button{background:linear-gradient(135deg,#6437d1,#4e2ba6);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px rgba(100,55,209,.3)}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(100,55,209,.5);background:linear-gradient(135deg,#7548e2,#5a32bd)}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:.8;transform:translateY(0)}}@media (max-width:768px){.header{padding:15px 20px}.nav-links{margin-left:15px}.nav-link{margin:0 8px;font-size:13px}.web-version-button{margin-right:10px;padding:5px 10px;font-size:13px}.social-icons{margin-right:10px}.social-icon{margin:0 8px}}@media (max-width:576px){.nav-links,.social-icons{display:none}.web-version-button{margin-right:10px}}.logo{display:flex;align-items:center;cursor:pointer;text-decoration:none}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(90deg,#fff,#a991f7,#6437d1);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 8s linear infinite}@keyframes textGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}