.navbar{justify-content:space-between;padding:0 5%;height:70px;background-color:rgba(19,19,32,.9);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:10px}.navbar-brand img{height:40px;width:40px;border-radius:50%;object-fit:cover}.navbar-brand h1{font-size:1.8rem;font-weight:700;font-family:Krona One,serif;background:linear-gradient(90deg,#2175fc,#5167b1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:30px}.navbar-links a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.navbar-links a:hover{color:#2175fc}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#2175fc;transition:all .3s ease}.navbar-links a:hover:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:20px}.navbar .loginButton{background-color:#2175fc;color:white;border:none}.navbar .loginButton:hover{background-color:#034cc2;transform:translateY(-2px);box-shadow:0 5px 15px rgba(58,134,255,.3)}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-global-name{font-weight:600;font-size:.9rem}.user-username{font-size:.8rem;color:#a0a0a0}.user-dropdown{display:none;position:absolute;top:100%;right:0;background-color:#151521;min-width:250px;border-radius:8px;border-top-right-radius:0;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1000;padding:15px 0;border:1px solid rgba(255,255,255,.1)}.user-dropdown-section{padding:0 15px;margin-bottom:15px}.user-dropdown-section h4{color:#a0a0a0;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.user-dropdown-section a{display:block;padding:8px 15px;color:#e0e0e0;text-decoration:none;transition:all .3s ease;border-radius:4px}.user-dropdown-section a:hover{background-color:rgba(255,255,255,.05);color:#2175fc}.user-dropdown-divider{height:1px;background-color:rgba(255,255,255,.1);margin:10px 15px}.logout-btn{display:block;width:calc(100% - 30px);margin:0 15px;padding:8px;background-color:transparent;border:none;color:#ff6b6b;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:4px}.logout-btn:hover{background-color:rgba(255,107,107,.1)}.user-info:hover .user-dropdown{display:block;animation:fadeIn .3s}.language-flag{width:30px;height:20px;border-radius:3px;object-fit:cover}.dropdown-content .language-option{color:#e0e0e0;align-items:center;cursor:pointer;padding:10px 20px;gap:5px;text-decoration:none;display:flex;transition:all .3s ease}.dropdown-content .language-option:hover{background-color:rgba(255,255,255,.05);color:#2175fc}@media (max-width:768px){#navbar-menu{display:block;align-self:center;width:30px;height:30px}.navbar .menu-dropdown{background-color:#151521;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 16px rgba(0,0,0,.2);padding:10px;width:100%;height:auto;border-radius:8px;position:absolute;top:60px;left:0;z-index:1;animation:fadeIn .3s}.navbar .menu-dropdown,.navbar .menu-dropdown .menu-links{display:flex;flex-direction:column;gap:5px}.navbar .menu-dropdown .menu-links a{color:#e0e0e0;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.navbar .menu-dropdown .menu-links a:hover{color:#2175fc}.navbar .menu-dropdown .menu-actions{display:flex;justify-content:space-between}.dropdown-content{right:-260%;border-top-left-radius:0;border-top-right-radius:8px}}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Krona+One&display=swap");.footer{background-color:#151521;padding:50px 5% 30px;border-top:1px solid rgba(255,255,255,.05)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo img{height:40px;width:40px;border-radius:50%;object-fit:cover}.footer-logo h2{font-family:Krona One,serif;font-size:1.5rem;background:linear-gradient(90deg,#2175fc,#6c8eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-about p{color:#a0a0a0;line-height:1.6;margin-bottom:20px}.footer-social{display:flex;gap:15px}.footer-social a{color:#e0e0e0;font-size:1.2rem;transition:all .3s ease}.footer-social a:hover{color:#2175fc;transform:translateY(-3px)}.footer-links h3{font-size:1.2rem;margin-bottom:20px;color:#2175fc}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#a0a0a0;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#2175fc;padding-left:5px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);color:#a0a0a0;font-size:.9rem}@media (max-width:768px){footer{height:auto;padding:20px 16px}.footer{flex-direction:column;gap:20px;align-items:center;text-align:center}.footer .footer-social,.footer-logo{justify-content:center}}.loader-content{background:linear-gradient(to bottom right,#111827,#1f2937,#111827);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader-content .loader{animation:rotate 1s infinite;height:50px;width:50px}.loader-content .loader:after,.loader-content .loader:before{border-radius:50%;content:"";display:block;height:20px;width:20px}.loader-content .loader:before{animation:ball1 1s infinite;background-color:#fff;box-shadow:30px 0 0 #2175fc;margin-bottom:10px}.loader-content .loader:after{animation:ball2 1s infinite;background-color:#2175fc;box-shadow:30px 0 0 #fff}@keyframes rotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(1turn) scale(1.2)}to{transform:rotate(2turn) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 #2175fc}50%{box-shadow:0 0 0 #2175fc;margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 #2175fc;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 0 #fff}50%{box-shadow:0 0 0 #fff;margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 #fff;margin-top:0}}