@import url("https://fonts.googleapis.com/css?family=Orbitron:wght@700&display=swap");:root{--bg:#141414;--primary:#8a8a8a;--secondary:#555555;--accent:#1f8ef1;--text:#e0e0e0;--font:"Orbitron",sans-serif;--glow:0 0 10px var(--accent),0 0 20px var(--accent)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;scroll-behavior:smooth;letter-spacing:.01em}body{font-size:1.03rem;-webkit-font-smoothing:antialiased}.headerContainer{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:linear-gradient(90deg,#1c1c1c,#222222 90%);border-bottom:3px solid var(--primary);box-shadow:0 0 20px var(--glow);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:headerPulse 4s ease-in-out infinite}@keyframes headerPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.headerLogo .headerTitle{font-size:2.65rem;color:var(--accent);text-shadow:var(--glow);animation:textBlink 2.2s infinite;letter-spacing:.12em}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.84}}.bounceEffect{animation:bounce 2.5s cubic-bezier(.8,0,0,1.4) infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.navMenu .navList{display:flex;gap:30px;list-style:none}.navMenu .navList li a,.navMenu .navList li button{text-decoration:none;text-transform:uppercase;font-weight:700;color:var(--text);transition:color .3s,text-shadow .3s;background:none;border:none;cursor:pointer;font-size:1.03rem;letter-spacing:.04em}.navMenu .navList li a:hover,.navMenu .navList li button:hover{color:var(--accent);text-shadow:var(--glow)}.profileMenu{position:relative}.profileToggle{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:10px}.avatar{border:2px solid var(--accent);border-radius:50%;width:40px;height:40px;box-shadow:0 0 8px var(--accent);background:#0a0a10;-o-object-fit:cover;object-fit:cover}.username{font-size:1.05rem;color:var(--accent);font-weight:700}.profileDropdown{background:#151d29cc;border:2px solid #ff00cc;border-radius:14px;box-shadow:0 0 12px #ff00ccaa,0 0 36px #1f8ef188;position:absolute;right:0;top:48px;z-index:1202;min-width:160px}.profileDropdown li{list-style:none}.profileDropdown a,.profileDropdown button{display:block;width:100%;padding:13px 20px;color:#fff;background:none;border:none;text-align:left;font-family:inherit;font-size:1.01rem;font-weight:500;cursor:pointer;transition:background .18s,color .2s}.profileDropdown a:hover,.profileDropdown button:hover{background:#23002a;color:#ff00cc}.sidebarNav,.sidebarOverlay,.sidebarToggle{display:none}@media (max-width:900px){.desktopNav{display:none!important}.sidebarToggle{display:inline-block!important;position:absolute;right:16px;top:18px;z-index:1200}.sidebarNav{display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;width:78vw;max-width:320px;background:linear-gradient(120deg,#151b23 85%,#1f8ef1);box-shadow:-6px 0 38px #1f8ef1aa;z-index:1100;padding:64px 30px 30px;transform:translateX(100%);transition:transform .22s cubic-bezier(.25,1.25,.46,1.09)}.sidebarNav.open{transform:translateX(0)}.sidebarOverlay{display:block!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.23);z-index:1099;animation:fadeIn .5s}}.heroSection{position:relative;padding:120px 20px 70px;text-align:center;background:linear-gradient(45deg,#141414,#1a1a1a 90%);overflow:hidden;animation:heroShift 10s ease infinite}@keyframes heroShift{0%,to{background:linear-gradient(45deg,#141414,#1a1a1a)}50%{background:linear-gradient(45deg,#1a1a1a,#141414)}}.heroSection:after{content:"";position:absolute;top:-60%;left:-60%;width:200%;height:200%;background:radial-gradient(circle,transparent,rgba(31,142,241,.16));animation:pulse 7s infinite}@keyframes pulse{0%,to{transform:scale(.93);opacity:.82}50%{transform:scale(1.02);opacity:.5}}.heroContent{position:relative;z-index:1;animation:subtleGlow 3s ease-in-out infinite}@keyframes subtleGlow{0%,to{filter:drop-shadow(0 0 6px var(--accent))}50%{filter:drop-shadow(0 0 16px var(--accent))}}.glitchTitle{position:relative;font-size:4.2rem;letter-spacing:.18em;color:var(--accent);animation:glitch 2.5s infinite,shimmer 2.5s infinite}.glitchTitle:after,.glitchTitle:before{content:attr(data-text);position:absolute;top:0;left:0}.glitchTitle:before{color:var(--primary);clip-path:polygon(0 0,100% 0,100% 44%,0 44%);animation:glitchTop 2.4s infinite}.glitchTitle:after{color:#ff00cc;clip-path:polygon(0 54%,100% 54%,100% 100%,0 100%);animation:glitchBottom 2.4s infinite}@keyframes glitch{0%{transform:translate(0)}18%{transform:translate(-3px,2px)}40%{transform:translate(-2px,-3px)}62%{transform:translate(2px,3px)}85%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitchTop{0%,to{clip-path:polygon(0 0,100% 0,100% 44%,0 44%)}50%{clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}}@keyframes glitchBottom{0%,to{clip-path:polygon(0 54%,100% 54%,100% 100%,0 100%)}50%{clip-path:polygon(0 58%,100% 58%,100% 100%,0 100%)}}@keyframes shimmer{0%{text-shadow:0 0 3px var(--accent),0 0 5px #ff00cc}50%{text-shadow:0 0 10px var(--accent),0 0 17px #ff00cc}to{text-shadow:0 0 3px var(--accent),0 0 5px #ff00cc}}.highlight{color:#ff00cc;text-shadow:0 0 7px #ff00cc44,0 0 22px #1f8ef144;font-weight:600}.contentContainer,.pageContainer{max-width:1600px;margin:0 auto;padding:20px}.featuredBlog{text-align:center;padding:56px 12px 26px}.filterBar{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;align-items:center;margin-bottom:32px;background:rgba(20,30,60,.37);border-radius:14px;padding:14px 18px;box-shadow:0 0 28px #1f8ef122}.filterDropdown,.filterInput{min-width:160px;max-width:220px;font-size:1.03rem;margin:0;border-radius:9px;border:1.6px solid var(--primary);background:rgba(25,32,52,.82);color:var(--accent);outline:none;padding:9px 16px;box-shadow:0 0 9px #1f8ef144;font-family:inherit;font-weight:600;transition:border .2s,box-shadow .18s}.filterDropdown:focus,.filterInput:focus{border:1.7px solid #ff00cc;box-shadow:0 0 20px #ff00cc55}.projectGridGlass{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:38px;width:100%;padding:0 4px}.projectCardGlass{position:relative;background:rgba(32,54,74,.85);border-radius:18px;border:2.5px solid #1f8ef1bb;box-shadow:0 0 38px #1f8ef144,0 8px 34px #fff1;padding:38px 24px 28px;transition:box-shadow .18s,border-color .23s,transform .19s;-webkit-backdrop-filter:blur(10px) saturate(1.18);backdrop-filter:blur(10px) saturate(1.18);z-index:1;text-align:left}.projectCardGlass:hover{border-color:#ff00cc;box-shadow:0 0 54px #ff00cc88,0 8px 44px #0ff44;transform:scale(1.035) translateY(-7px)}.projectCardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.projectNewBadge{display:inline-block;background:linear-gradient(90deg,#ff00cc 30%,#1f8ef1);color:#fff;font-weight:700;padding:2px 14px;border-radius:8px;font-size:.89rem;text-shadow:0 0 6px #fff5,0 0 18px #ff00cc;box-shadow:0 0 12px #ff00cc77;animation:neon-flicker 2.4s infinite}@keyframes neon-flicker{0%,to{opacity:1;text-shadow:0 0 8px #ff00cc}53%{opacity:.62;text-shadow:none}}.blogGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;perspective:1200px}.blogCard{background:rgba(20,20,20,.95);border:2px solid var(--primary);border-radius:15px;padding:30px;text-align:center;transition:transform .5s,box-shadow .5s;box-shadow:0 0 15px rgba(31,142,241,.3)}.blogCard:hover{transform:translateY(-10px) rotateY(5deg);box-shadow:0 0 40px rgba(31,142,241,.7)}.futuristic-btn,.futuristicButton{background:linear-gradient(45deg,var(--primary),var(--accent) 85%);border:none;padding:14px 28px;color:#fff;text-transform:uppercase;font-weight:700;border-radius:11px;cursor:pointer;transition:transform .22s,box-shadow .28s,background .23s;box-shadow:0 0 18px #1f8ef155,0 4px 24px #ff00cc35;font-size:1.06rem;letter-spacing:.08em}.futuristic-btn:hover,.futuristicButton:hover{background:linear-gradient(90deg,#0ff 35%,#ff00cc 95%);transform:scale(1.07);box-shadow:0 0 34px #0ff99,0 8px 40px #ff00cc99}.footerContainer{background:linear-gradient(45deg,#1a1a1a,#141414 80%);color:#0ff;text-align:center;padding:22px 0 13px;font-size:1.02rem;margin-top:62px;border-radius:0 0 22px 22px;box-shadow:0 0 22px #0ff4}.footerContainer a{color:var(--accent);text-decoration:none;font-weight:700;transition:text-shadow .3s}.footerContainer a:hover{text-shadow:var(--glow)}.floatingStar{position:fixed;top:10%;left:5%;width:140px;height:140px;transform-style:preserve-3d;animation:spinStar 20s linear infinite,starFlicker 3s ease-in-out infinite;z-index:5000}@keyframes spinStar{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes starFlicker{0%,to{opacity:1}50%{opacity:.7}}.floatingHex{position:fixed;bottom:12%;right:5%;transform-style:preserve-3d;animation:spinHex 18s linear infinite;z-index:4000}.floatingHex,.hexFace{width:140px;height:140px}.hexFace{position:absolute;background:rgba(15,15,15,.85);border:3px solid var(--primary);box-shadow:0 0 20px rgba(31,142,241,.5)}.face1{transform:rotateY(0deg) translateZ(70px)}.face2{transform:rotateY(60deg) translateZ(70px)}.face3{transform:rotateY(120deg) translateZ(70px)}.face4{transform:rotateY(180deg) translateZ(70px)}.face5{transform:rotateY(240deg) translateZ(70px)}.face6{transform:rotateY(300deg) translateZ(70px)}@keyframes spinHex{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.92);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fadeIn .7s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loginModal{position:relative;background:rgba(15,15,15,.97);border:2.2px solid var(--primary);border-radius:17px;box-shadow:0 0 44px #1f8ef188,0 0 28px #ff00cc66;padding:40px;max-width:440px;width:94vw;text-align:center}.modalCloseBtn{position:absolute;top:15px;right:15px;padding:10px 14px;background:var(--primary);border:2px solid var(--secondary);border-radius:8px;cursor:pointer;color:var(--bg);font-size:1.2rem;font-weight:800;box-shadow:0 0 13px #ff00cc66}.inputField{width:100%;padding:16px;margin:14px 0;background:rgba(15,15,15,.8);border:2px solid var(--primary);color:var(--text);font-size:1rem;text-align:center;border-radius:10px;box-shadow:0 0 10px rgba(31,142,241,.3);transition:border-color .3s,box-shadow .3s,transform .3s;outline:none}.inputField:focus{border-color:var(--secondary);box-shadow:0 0 20px rgba(31,142,241,.6);transform:scale(1.02)}.modalError{color:#ff5555}.modalSuccess{color:#55ff55}.avatarSelectionZone{text-align:center;margin-top:20px}.avatarGridZone{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;justify-content:center;align-items:center;padding:10px;max-width:400px;margin:0 auto}.avatarChoice{width:80px;height:80px;border-radius:50%;cursor:pointer;transition:transform .3s,box-shadow .3s;border:3px solid transparent}.avatarChoice:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(31,142,241,.5)}.chosenAvatar{border-color:var(--primary);box-shadow:0 0 20px rgba(31,142,241,.8);transform:scale(1.2)}@media (max-width:1150px){.headerTitle{font-size:2.08rem}}@media (max-width:900px){.heroSection{padding:75px 10px 38px}}@media (max-width:768px){.navMenu .navList{flex-direction:column;gap:15px}.heroSection{padding:60px 7px 24px}.glitchTitle{font-size:2.6rem}.blogGrid,.projectGridGlass{grid-template-columns:1fr;gap:22px}.contentContainer,.pageContainer{padding:6px}}::-webkit-scrollbar{width:8px;background:#181a22}::-webkit-scrollbar-thumb{background:linear-gradient(120deg,#1f8ef1 15%,#ff00cc 95%);border-radius:8px;box-shadow:0 0 10px #ff00cc77}