.header{position:fixed;top:0;width:100%;height:100px;background:#fff0;display:flex;justify-content:space-between;align-items:center;padding:12px 25px 10px;z-index:1000;box-shadow:none;transition:background 0.3s ease,box-shadow 0.3s ease}.header.scrolled{background:rgb(0 0 0 / .6);backdrop-filter:blur(10px);box-shadow:0 2px 15px rgb(0 0 0 / .1)}.logo{display:flex;align-items:center;gap:10px}.logo img{height:auto;width:150px}.nav-links{display:flex;gap:30px}.nav-links a{font-weight:500;color:#fff;position:relative;display:inline-block;padding-bottom:6px}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#f5c542,#f9a602);border-radius:2px}.footer{background:linear-gradient(180deg,#0b0e17 0%,#0a1a33 100%);backdrop-filter:blur(10px);color:#fff;margin-top:auto!important;position:static;padding:10px 30px 30px;box-shadow:0 -2px 10px rgb(0 0 0 / .05)}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-logo img{height:auto;width:150px;margin:10px 0 20px}.footer-logo p{max-width:300px;line-height:1.5;color:gray}.footer-links{padding:40px;display:flex;flex-wrap:wrap;gap:40px}.footer-links h4{margin-bottom:10px;color:#fff}.footer-links ul{list-style:none}.footer-links li{margin:15px 0}.footer-links a{color:gray;transition:0.3s ease}.footer-links a:hover{color:#f5c542}@media (max-width:768px){.footer-top{flex-direction:column;align-items:left;text-align:left}.footer-links{padding:20px 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:60px}.nav-links{display:flex;gap:10px}.logo img{height:auto;width:125px}}#floating-social{position:fixed;right:18px;bottom:80px;display:flex;flex-direction:column;gap:12px;z-index:9999;transition:opacity 0.4s ease,transform 0.4s ease}#floating-social.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.social-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;text-decoration:none;box-shadow:0 6px 15px rgb(0 0 0 / .25);transition:transform 0.2s ease,box-shadow 0.2s ease}.social-icon:hover{transform:scale(1.1);box-shadow:0 10px 22px rgb(0 0 0 / .35)}.social-icon.x{background:#000}.social-icon.discord{background:#5865F2}.social-icon.pinterest{background:#E60023}#social-close{position:absolute;top:-30px;right:-10px;width:22px;height:22px;border-radius:50%;border:none;background:#ff4d4d;color:#fff;font-size:16px;cursor:pointer;line-height:1}