.menu-toggle-wrapper{align-items:center;display:flex;gap:12px;padding:5px;position:fixed;right:30px;top:30px;transition:all .3s ease;z-index:1001}.menu-label{color:hsla(0,0%,100%,.9);font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 15px rgba(102,126,234,.4);transition:all .3s ease;-webkit-user-select:none;user-select:none}.menu-toggle-wrapper:hover .menu-label{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(102,126,234,.6)}.toggle-switch{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(40,40,40,.7);border:none;border-radius:50px;box-shadow:inset 0 2px 8px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.4);cursor:pointer;height:30px;overflow:hidden;position:relative;transition:all .4s ease;width:60px}.toggle-switch:hover{background:rgba(50,50,50,.8)}.toggle-switch.active{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));box-shadow:inset 0 2px 8px rgba(0,0,0,.3),0 2px 15px rgba(102,126,234,.6)}.toggle-ball{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px rgba(102,126,234,.6),0 0 15px rgba(102,126,234,.4);height:24px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:24px}.toggle-switch.active .toggle-ball{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 3px 12px hsla(0,0%,100%,.6),0 0 20px hsla(0,0%,100%,.4);left:33px}.menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.7);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.menu-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.side-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,hsla(0,0%,8%,.98),hsla(0,0%,4%,.98));border-left:2px solid rgba(102,126,234,.3);box-shadow:-5px 0 30px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;right:-350px;top:0;transition:right .4s cubic-bezier(.68,-.55,.265,1.55),visibility 0s linear .4s;visibility:hidden;width:320px;z-index:1000}.side-menu.active{right:0;transition:right .4s cubic-bezier(.68,-.55,.265,1.55),visibility 0s linear 0s;visibility:visible}.side-menu:before{-webkit-animation:twinkle-menu 6s ease-in-out infinite;animation:twinkle-menu 6s ease-in-out infinite;background-image:radial-gradient(2px 2px at 30px 40px,#fff,transparent),radial-gradient(2px 2px at 80px 90px,#fff,transparent),radial-gradient(1px 1px at 120px 50px,#fff,transparent),radial-gradient(1px 1px at 180px 120px,#fff,transparent),radial-gradient(2px 2px at 240px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 150px,#fff,transparent),radial-gradient(1px 1px at 150px 180px,#fff,transparent),radial-gradient(2px 2px at 100px 220px,#fff,transparent),radial-gradient(1px 1px at 200px 30px,#fff,transparent),radial-gradient(1px 1px at 260px 160px,#fff,transparent);background-size:300px 250px;opacity:.5}.side-menu:after,.side-menu:before{background-repeat:repeat;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.side-menu:after{-webkit-animation:twinkle-slower-menu 8s ease-in-out infinite alternate;animation:twinkle-slower-menu 8s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 60px 60px,rgba(102,126,234,.8),transparent),radial-gradient(1px 1px at 140px 100px,rgba(118,75,162,.8),transparent),radial-gradient(2px 2px at 220px 140px,rgba(102,126,234,.6),transparent),radial-gradient(1px 1px at 40px 200px,rgba(118,75,162,.7),transparent),radial-gradient(1px 1px at 180px 240px,rgba(102,126,234,.8),transparent);background-size:280px 280px;opacity:.4}@-webkit-keyframes twinkle-menu{0%{opacity:.3}25%{opacity:.5}50%{opacity:.7}75%{opacity:.5}to{opacity:.3}}@keyframes twinkle-menu{0%{opacity:.3}25%{opacity:.5}50%{opacity:.7}75%{opacity:.5}to{opacity:.3}}@-webkit-keyframes twinkle-slower-menu{0%{opacity:.2}20%{opacity:.4}40%{opacity:.6}60%{opacity:.65}80%{opacity:.45}to{opacity:.2}}@keyframes twinkle-slower-menu{0%{opacity:.2}20%{opacity:.4}40%{opacity:.6}60%{opacity:.65}80%{opacity:.45}to{opacity:.2}}.menu-header{align-items:center;border-bottom:1px solid rgba(102,126,234,.2);display:flex;justify-content:space-between;padding:30px 25px;position:relative;z-index:1}.menu-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin:0}.close-btn{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:rgba(102,126,234,.3);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-list{flex:1 1;list-style:none;margin:0;padding:20px 0;position:relative;z-index:1}.menu-list li{margin:0}.menu-list li a{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;font-weight:500;gap:15px;padding:18px 25px;position:relative;text-decoration:none;transition:all .3s ease}.menu-list li a:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:4px}.menu-list li a:hover{background:rgba(102,126,234,.1);color:#fff;padding-left:35px}.menu-list li a:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.menu-icon{font-size:1.4rem}.menu-footer{border-top:1px solid rgba(102,126,234,.2);padding:25px;position:relative;z-index:1}.menu-social{gap:12px}.menu-social,.menu-social-link{display:flex;justify-content:center}.menu-social-link{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#fff;height:40px;transition:all .3s ease;width:40px}.menu-social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 5px 15px rgba(102,126,234,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.menu-fireworks-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.menu-firework{height:10px;position:absolute;width:10px}.menu-spark{-webkit-animation:menu-spark-burst 1.5s ease-out forwards;animation:menu-spark-burst 1.5s ease-out forwards;background:var(--spark-color);border-radius:50%;box-shadow:0 0 10px var(--spark-color),0 0 20px var(--spark-color),0 0 30px var(--spark-color);height:4px;position:absolute;width:4px}@-webkit-keyframes menu-spark-burst{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(0);transform:rotate(var(--spark-angle)) translateX(0) scale(0)}10%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.5);transform:rotate(var(--spark-angle)) translateX(0) scale(1.5)}20%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(30px) scale(1.3);transform:rotate(var(--spark-angle)) translateX(30px) scale(1.3)}40%{-webkit-filter:brightness(3);filter:brightness(3);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(70px) scale(1);transform:rotate(var(--spark-angle)) translateX(70px) scale(1)}60%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(100px) scale(.7);transform:rotate(var(--spark-angle)) translateX(100px) scale(.7)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.4;-webkit-transform:rotate(var(--spark-angle)) translateX(120px) scale(.4);transform:rotate(var(--spark-angle)) translateX(120px) scale(.4)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(140px) scale(.1);transform:rotate(var(--spark-angle)) translateX(140px) scale(.1)}}@keyframes menu-spark-burst{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(0);transform:rotate(var(--spark-angle)) translateX(0) scale(0)}10%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.5);transform:rotate(var(--spark-angle)) translateX(0) scale(1.5)}20%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(30px) scale(1.3);transform:rotate(var(--spark-angle)) translateX(30px) scale(1.3)}40%{-webkit-filter:brightness(3);filter:brightness(3);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(70px) scale(1);transform:rotate(var(--spark-angle)) translateX(70px) scale(1)}60%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(100px) scale(.7);transform:rotate(var(--spark-angle)) translateX(100px) scale(.7)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.4;-webkit-transform:rotate(var(--spark-angle)) translateX(120px) scale(.4);transform:rotate(var(--spark-angle)) translateX(120px) scale(.4)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(140px) scale(.1);transform:rotate(var(--spark-angle)) translateX(140px) scale(.1)}}@media (max-width:768px){.menu-toggle-wrapper{right:20px;top:20px}.menu-label{font-size:1rem}.toggle-switch{height:28px;width:55px}.toggle-ball{height:22px;width:22px}.toggle-switch.active .toggle-ball{left:30px}.side-menu{right:-300px;width:280px}.side-menu:not(.active){right:-300px;visibility:hidden}}@media (max-width:480px){.side-menu{max-width:320px;right:-100%;width:85%}.side-menu.active{right:0}.side-menu:not(.active){right:-100%;visibility:hidden}}.hero{align-items:center;background:linear-gradient(180deg,#000,hsla(0,0%,6%,.98) 50%,rgba(26,26,26,.95));display:flex;height:120vh;justify-content:center;min-height:800px;overflow:hidden;position:relative;width:100%}.hero:before{-webkit-animation:twinkle-slow 8s ease-in-out infinite;animation:twinkle-slow 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 300px 50px,#fff,transparent),radial-gradient(2px 2px at 250px 100px,#fff,transparent),radial-gradient(1px 1px at 400px 200px,#fff,transparent),radial-gradient(1px 1px at 450px 80px,#fff,transparent),radial-gradient(2px 2px at 350px 30px,#fff,transparent),radial-gradient(1px 1px at 180px 180px,#fff,transparent),radial-gradient(1px 1px at 100px 140px,#fff,transparent),radial-gradient(2px 2px at 500px 120px,#fff,transparent),radial-gradient(1px 1px at 280px 220px,#fff,transparent),radial-gradient(1px 1px at 420px 60px,#fff,transparent);background-size:550px 250px;opacity:.6}.hero:after,.hero:before{background-repeat:repeat;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;will-change:opacity;z-index:0}.hero:after{-webkit-animation:twinkle-slower 8s ease-in-out infinite alternate;animation:twinkle-slower 8s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 80px 90px,rgba(102,126,234,.8),transparent),radial-gradient(1px 1px at 140px 100px,rgba(118,75,162,.8),transparent),radial-gradient(2px 2px at 220px 140px,rgba(102,126,234,.6),transparent),radial-gradient(1px 1px at 40px 200px,rgba(118,75,162,.7),transparent),radial-gradient(1px 1px at 180px 240px,rgba(102,126,234,.8),transparent);background-size:280px 280px;opacity:.4}.hero-banner{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-banner img{-webkit-filter:brightness(1.1) saturate(1.05);filter:brightness(1.1) saturate(1.05);height:100%;object-fit:contain;object-position:center center;-webkit-transform:scaleX(1.4);transform:scaleX(1.4);width:100%}.hero-overlay{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.35),rgba(118,75,162,.45));display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out;max-width:800px;padding:20px;position:relative;text-align:center;z-index:10}.hero-title{font-size:4rem;font-weight:800;line-height:1.3;margin-bottom:1rem;text-shadow:0 0 20px rgba(102,126,234,.5),0 0 30px rgba(102,126,234,.3),2px 2px 8px rgba(0,0,0,.7)}.cursor,.hero-title{color:hsla(0,0%,100%,.62);position:relative;z-index:10}.cursor{-webkit-animation:blink .8s infinite;animation:blink .8s infinite;font-weight:300}.hero-subtitle{color:hsla(0,0%,100%,.6);font-size:1.8rem;font-weight:500;letter-spacing:3px;margin-bottom:2.5rem;position:relative;text-shadow:0 0 10px rgba(102,126,234,.5),0 0 20px rgba(102,126,234,.3),2px 2px 4px rgba(0,0,0,.5);text-transform:uppercase;z-index:10}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn,a.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:14px 32px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.75),rgba(118,75,162,.75));box-shadow:0 4px 15px rgba(102,126,234,.3);color:hsla(0,0%,100%,.85)}.btn-primary:hover{background:linear-gradient(135deg,rgba(102,126,234,.85),rgba(118,75,162,.85));box-shadow:0 6px 20px rgba(102,126,234,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.6);color:hsla(0,0%,100%,.8)}.btn-secondary:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.8);color:hsla(0,0%,100%,.95);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-indicator{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:30px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.mouse{border:2px solid hsla(0,0%,100%,.8);border-radius:15px;display:flex;height:40px;justify-content:center;padding-top:6px;width:26px}.wheel{-webkit-animation:scroll 1.5s infinite;animation:scroll 1.5s infinite;background:hsla(0,0%,100%,.8);border-radius:2px;height:8px;width:4px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.fade-in{-webkit-animation:fadeInUp 1s ease-out 5s both;animation:fadeInUp 1s ease-out 5s both}.fade-in-delayed{-webkit-animation:fadeInUp 1s ease-out 5.5s both;animation:fadeInUp 1s ease-out 5.5s both}.fireworks-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:4}.firework{height:10px;width:10px}.firework,.spark{position:absolute}.spark{-webkit-animation:burst-spark 2.5s ease-out infinite;animation:burst-spark 2.5s ease-out infinite;background:var(--spark-color);border-radius:50%;box-shadow:0 0 15px var(--spark-color),0 0 25px var(--spark-color),0 0 35px var(--spark-color);height:6px;width:6px}@-webkit-keyframes burst-spark{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(.5);transform:rotate(var(--spark-angle)) translateX(0) scale(.5)}5%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.5);transform:rotate(var(--spark-angle)) translateX(0) scale(1.5)}10%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(15px) scale(1.4);transform:rotate(var(--spark-angle)) translateX(15px) scale(1.4)}20%{-webkit-filter:brightness(3);filter:brightness(3);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(40px) scale(1.2);transform:rotate(var(--spark-angle)) translateX(40px) scale(1.2)}35%{-webkit-filter:brightness(2.5);filter:brightness(2.5);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(80px) scale(1);transform:rotate(var(--spark-angle)) translateX(80px) scale(1)}50%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(120px) scale(.8);transform:rotate(var(--spark-angle)) translateX(120px) scale(.8)}65%{-webkit-filter:brightness(1.5);filter:brightness(1.5);opacity:.5;-webkit-transform:rotate(var(--spark-angle)) translateX(150px) scale(.6);transform:rotate(var(--spark-angle)) translateX(150px) scale(.6)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.3;-webkit-transform:rotate(var(--spark-angle)) translateX(170px) scale(.4);transform:rotate(var(--spark-angle)) translateX(170px) scale(.4)}95%{-webkit-filter:brightness(.5);filter:brightness(.5);opacity:.1;-webkit-transform:rotate(var(--spark-angle)) translateX(185px) scale(.2);transform:rotate(var(--spark-angle)) translateX(185px) scale(.2)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(200px) scale(.1);transform:rotate(var(--spark-angle)) translateX(200px) scale(.1)}}@keyframes burst-spark{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(.5);transform:rotate(var(--spark-angle)) translateX(0) scale(.5)}5%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.5);transform:rotate(var(--spark-angle)) translateX(0) scale(1.5)}10%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(15px) scale(1.4);transform:rotate(var(--spark-angle)) translateX(15px) scale(1.4)}20%{-webkit-filter:brightness(3);filter:brightness(3);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(40px) scale(1.2);transform:rotate(var(--spark-angle)) translateX(40px) scale(1.2)}35%{-webkit-filter:brightness(2.5);filter:brightness(2.5);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(80px) scale(1);transform:rotate(var(--spark-angle)) translateX(80px) scale(1)}50%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(120px) scale(.8);transform:rotate(var(--spark-angle)) translateX(120px) scale(.8)}65%{-webkit-filter:brightness(1.5);filter:brightness(1.5);opacity:.5;-webkit-transform:rotate(var(--spark-angle)) translateX(150px) scale(.6);transform:rotate(var(--spark-angle)) translateX(150px) scale(.6)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.3;-webkit-transform:rotate(var(--spark-angle)) translateX(170px) scale(.4);transform:rotate(var(--spark-angle)) translateX(170px) scale(.4)}95%{-webkit-filter:brightness(.5);filter:brightness(.5);opacity:.1;-webkit-transform:rotate(var(--spark-angle)) translateX(185px) scale(.2);transform:rotate(var(--spark-angle)) translateX(185px) scale(.2)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(200px) scale(.1);transform:rotate(var(--spark-angle)) translateX(200px) scale(.1)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@media (max-width:768px){.hero{height:100vh;min-height:100vh}.hero:after{font-size:8rem;letter-spacing:10px}.hero-banner img{object-fit:cover;-webkit-transform:scaleX(1);transform:scaleX(1)}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.3rem;letter-spacing:2px}.btn{font-size:1rem;padding:12px 24px}.hero-buttons{gap:1rem}}@media (max-width:480px){.hero{height:100vh;min-height:100vh}.hero:after{font-size:5rem;letter-spacing:5px}.hero-banner img{object-fit:cover;-webkit-transform:scaleX(1);transform:scaleX(1)}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:1rem;letter-spacing:1.5px}.hero-buttons{align-items:center;flex-direction:column;width:100%}.btn{font-size:.9rem;max-width:280px;padding:10px 20px;width:100%}@-webkit-keyframes burst-spark{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(.5);transform:rotate(var(--spark-angle)) translateX(0) scale(.5)}5%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.3);transform:rotate(var(--spark-angle)) translateX(0) scale(1.3)}10%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(12px) scale(1.2);transform:rotate(var(--spark-angle)) translateX(12px) scale(1.2)}20%{-webkit-filter:brightness(3);filter:brightness(3);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(30px) scale(1);transform:rotate(var(--spark-angle)) translateX(30px) scale(1)}35%{-webkit-filter:brightness(2.5);filter:brightness(2.5);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(60px) scale(.8);transform:rotate(var(--spark-angle)) translateX(60px) scale(.8)}50%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(90px) scale(.6);transform:rotate(var(--spark-angle)) translateX(90px) scale(.6)}65%{-webkit-filter:brightness(1.5);filter:brightness(1.5);opacity:.5;-webkit-transform:rotate(var(--spark-angle)) translateX(110px) scale(.5);transform:rotate(var(--spark-angle)) translateX(110px) scale(.5)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.3;-webkit-transform:rotate(var(--spark-angle)) translateX(125px) scale(.3);transform:rotate(var(--spark-angle)) translateX(125px) scale(.3)}95%{-webkit-filter:brightness(.5);filter:brightness(.5);opacity:.1;-webkit-transform:rotate(var(--spark-angle)) translateX(135px) scale(.2);transform:rotate(var(--spark-angle)) translateX(135px) scale(.2)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(145px) scale(.1);transform:rotate(var(--spark-angle)) translateX(145px) scale(.1)}}@keyframes burst-spark{0%{-webkit-filter:brightness(1);filter:brightness(1);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(.5);transform:rotate(var(--spark-angle)) translateX(0) scale(.5)}5%{-webkit-filter:brightness(4);filter:brightness(4);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(0) scale(1.3);transform:rotate(var(--spark-angle)) translateX(0) scale(1.3)}10%{-webkit-filter:brightness(3.5);filter:brightness(3.5);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(12px) scale(1.2);transform:rotate(var(--spark-angle)) translateX(12px) scale(1.2)}20%{-webkit-filter:brightness(3);filter:brightness(3);opacity:1;-webkit-transform:rotate(var(--spark-angle)) translateX(30px) scale(1);transform:rotate(var(--spark-angle)) translateX(30px) scale(1)}35%{-webkit-filter:brightness(2.5);filter:brightness(2.5);opacity:.9;-webkit-transform:rotate(var(--spark-angle)) translateX(60px) scale(.8);transform:rotate(var(--spark-angle)) translateX(60px) scale(.8)}50%{-webkit-filter:brightness(2);filter:brightness(2);opacity:.7;-webkit-transform:rotate(var(--spark-angle)) translateX(90px) scale(.6);transform:rotate(var(--spark-angle)) translateX(90px) scale(.6)}65%{-webkit-filter:brightness(1.5);filter:brightness(1.5);opacity:.5;-webkit-transform:rotate(var(--spark-angle)) translateX(110px) scale(.5);transform:rotate(var(--spark-angle)) translateX(110px) scale(.5)}80%{-webkit-filter:brightness(1);filter:brightness(1);opacity:.3;-webkit-transform:rotate(var(--spark-angle)) translateX(125px) scale(.3);transform:rotate(var(--spark-angle)) translateX(125px) scale(.3)}95%{-webkit-filter:brightness(.5);filter:brightness(.5);opacity:.1;-webkit-transform:rotate(var(--spark-angle)) translateX(135px) scale(.2);transform:rotate(var(--spark-angle)) translateX(135px) scale(.2)}to{-webkit-filter:brightness(0);filter:brightness(0);opacity:0;-webkit-transform:rotate(var(--spark-angle)) translateX(145px) scale(.1);transform:rotate(var(--spark-angle)) translateX(145px) scale(.1)}}}.about{background:linear-gradient(180deg,#000,hsla(0,0%,6%,.98) 50%,rgba(26,26,26,.95));overflow:hidden;padding:100px 20px;position:relative}.loading-spinner{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-spinner p{color:#b0b0b0;font-size:1.2rem;margin:0}.about:before{-webkit-animation:twinkle-slow 8s ease-in-out infinite;animation:twinkle-slow 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 300px 50px,#fff,transparent),radial-gradient(2px 2px at 250px 100px,#fff,transparent),radial-gradient(1px 1px at 400px 200px,#fff,transparent),radial-gradient(1px 1px at 450px 80px,#fff,transparent),radial-gradient(2px 2px at 350px 30px,#fff,transparent),radial-gradient(1px 1px at 180px 180px,#fff,transparent),radial-gradient(1px 1px at 100px 140px,#fff,transparent),radial-gradient(2px 2px at 500px 120px,#fff,transparent),radial-gradient(1px 1px at 280px 220px,#fff,transparent),radial-gradient(1px 1px at 420px 60px,#fff,transparent);background-size:550px 250px;opacity:.5}.about:after,.about:before{background-repeat:repeat;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;will-change:opacity;z-index:0}.about:after{-webkit-animation:twinkle-slower 10s ease-in-out infinite alternate;animation:twinkle-slower 10s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 80px 90px,rgba(102,126,234,.8),transparent),radial-gradient(1px 1px at 150px 40px,rgba(118,75,162,.8),transparent),radial-gradient(2px 2px at 220px 120px,rgba(102,126,234,.6),transparent),radial-gradient(1px 1px at 320px 180px,rgba(118,75,162,.7),transparent),radial-gradient(1px 1px at 380px 45px,rgba(102,126,234,.8),transparent),radial-gradient(2px 2px at 460px 140px,rgba(118,75,162,.6),transparent);background-size:500px 220px;opacity:.4}.about-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.about-header{margin-bottom:60px;text-align:center}.about-tag{background:rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.8);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:8px 20px}.about-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:60px;text-align:center;text-shadow:0 0 20px rgba(102,126,234,.5)}.title-underline{margin:20px auto 0}.about-intro-section{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:450px 1fr;margin-bottom:60px}.about-image-section{align-items:center;display:flex;justify-content:center;position:relative}.image-wrapper{aspect-ratio:3/4;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:3px solid rgba(102,126,234,.3);border-radius:25px;box-shadow:0 20px 60px rgba(102,126,234,.3),inset 0 1px 0 hsla(0,0%,100%,.1);max-width:430px;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.image-wrapper:before{background:linear-gradient(45deg,#667eea,#764ba2,#667eea,#764ba2);border-radius:25px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.image-wrapper:hover:before{opacity:1}.image-wrapper:hover{border-color:rgba(102,126,234,.6);box-shadow:0 30px 80px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.3),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.profile-image{border-radius:22px;-webkit-filter:brightness(1.05) saturate(1.05) contrast(1.1);filter:brightness(1.05) saturate(1.05) contrast(1.1);height:100%;object-fit:cover;object-position:center top;transition:all .4s ease;width:100%}.image-wrapper:hover .profile-image{-webkit-filter:brightness(1.1) saturate(1.1) contrast(1.15);filter:brightness(1.1) saturate(1.1) contrast(1.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.intro-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:2px solid rgba(102,126,234,.2);border-radius:25px;box-shadow:0 15px 40px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.intro-content:before{background:linear-gradient(135deg,rgba(102,126,234,.05),transparent 50%,rgba(118,75,162,.05));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.intro-content:hover{border-color:rgba(102,126,234,.4);box-shadow:0 20px 50px rgba(102,126,234,.3),0 0 30px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.intro-text{color:#e0e0e0;font-size:1.15rem;font-weight:400;line-height:1.8;margin-bottom:0;position:relative;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.4);border-radius:20px;box-shadow:0 8px 25px rgba(102,126,234,.3);flex-direction:column;gap:15px;padding:30px;transition:all .3s ease}.info-item:hover{background:rgba(40,40,40,.9);border-color:#667eea;box-shadow:0 15px 40px rgba(102,126,234,.5);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.info-icon{font-size:2.5rem;margin-bottom:10px}.info-content h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:10px}.info-content p{color:#b0b0b0;font-size:1rem;line-height:1.6}.about-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:80px;margin-top:60px}.stat-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));border:3px solid hsla(0,0%,100%,.4);border-radius:20px;box-shadow:0 10px 30px rgba(102,126,234,.3);padding:40px 30px;text-align:center}.stat-card:hover{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));border-color:hsla(0,0%,100%,.6);box-shadow:0 15px 45px rgba(102,126,234,.45);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.stat-number{font-size:3rem;margin-bottom:10px}.stat-label{color:hsla(0,0%,100%,.95);font-size:1.1rem;font-weight:500}.skills-section{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:2px solid rgba(102,126,234,.1);border-radius:30px;margin-top:60px;padding:50px 0}.skills-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:60px;text-align:center;text-shadow:0 0 20px rgba(102,126,234,.5)}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin:0 auto;max-width:1000px;padding:0 20px}.skill-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,6%,.95);border:2px solid rgba(102,126,234,.5);border-radius:15px;box-shadow:0 8px 25px rgba(102,126,234,.3);padding:20px 35px;-webkit-transform:translateY(0);transform:translateY(0);transition:all .4s ease}.skill-item:hover{background:#141414;border-color:#667eea;box-shadow:0 15px 40px rgba(102,126,234,.5);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.skill-name{color:#fff;font-size:1.3rem;font-weight:600}.skill-percent{color:#667eea;font-size:1.4rem;font-weight:700;text-shadow:0 0 10px rgba(102,126,234,.5)}.skill-bar{background:rgba(102,126,234,.2);height:12px;overflow:hidden;width:100%}.skill-bar,.skill-progress{border-radius:12px;position:relative}.skill-progress{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 0 15px rgba(102,126,234,.6);height:100%;transition:width 1.5s ease-out}.skill-progress:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media (max-width:1024px){.about-intro-section{gap:60px;grid-template-columns:380px 1fr}.image-wrapper{aspect-ratio:3/4;max-width:380px}.intro-content{padding:30px}}@media (max-width:768px){.about{padding:60px 20px}.about:before{font-size:8rem;letter-spacing:8px}.about-intro-section{gap:50px;grid-template-columns:1fr}.about-image-section{justify-content:center}.image-wrapper{aspect-ratio:3/4;max-width:320px}.image-wrapper,.image-wrapper:before{border-radius:20px}.profile-image{border-radius:17px}.intro-content{border-radius:20px;padding:25px}.intro-text{font-size:1.1rem;text-align:center}.about-title{font-size:2.2rem}.about-header{margin-bottom:40px}.about-stats,.info-grid{gap:20px;grid-template-columns:1fr}.stat-number{font-size:2.5rem}.skills-title{font-size:1.6rem}}@media (max-width:480px){.image-wrapper{aspect-ratio:3/4;max-width:280px}.image-wrapper,.image-wrapper:before{border-radius:15px}.profile-image{border-radius:12px}.intro-content{border-radius:15px;padding:20px}.about-title{font-size:1.8rem}.intro-text{font-size:1rem;line-height:1.7}.info-item{padding:20px}.info-icon{font-size:2rem}.info-content h3{font-size:1.1rem}.stat-card{padding:30px 20px}.stat-number{font-size:2rem}}.blog-section{margin-top:80px;padding:60px 0}.blog-title{margin-bottom:60px}.blog-subtitle{margin:0 auto}.blog-grid{margin-bottom:50px}.blog-btn{color:#667eea;font-size:.95rem}.blog-card:hover .blog-btn{color:#764ba2}.blog-cta{margin-top:40px}.view-all-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.9);border:2px solid #667eea;border-radius:30px;box-shadow:0 5px 20px rgba(102,126,234,.3);cursor:pointer;font-weight:600;padding:15px 40px;transition:all .3s ease}.view-all-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px rgba(102,126,234,.35);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:768px){.blog-section{margin-top:60px;padding:40px 0}.blog-title{font-size:2.2rem}.blog-grid{gap:25px;grid-template-columns:1fr}.blog-image-wrapper{height:200px}.blog-post-title{font-size:1.3rem}}@media (max-width:480px){.blog-section{padding:30px 0}.blog-title{font-size:1.8rem}.blog-content{padding:20px}.blog-post-title{font-size:1.2rem}.blog-description{font-size:.95rem}.view-all-btn{max-width:300px;width:100%}}.projects{background:linear-gradient(180deg,rgba(26,26,26,.95),hsla(0,0%,6%,.98) 50%,#000);min-height:100vh;overflow:hidden;padding:40px 20px 100px;position:relative}.projects:before{-webkit-animation:twinkle-slow 8s ease-in-out infinite;animation:twinkle-slow 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 300px 50px,#fff,transparent),radial-gradient(2px 2px at 250px 100px,#fff,transparent),radial-gradient(1px 1px at 400px 200px,#fff,transparent),radial-gradient(1px 1px at 450px 80px,#fff,transparent),radial-gradient(2px 2px at 350px 30px,#fff,transparent),radial-gradient(1px 1px at 180px 180px,#fff,transparent),radial-gradient(1px 1px at 100px 140px,#fff,transparent),radial-gradient(2px 2px at 500px 120px,#fff,transparent),radial-gradient(1px 1px at 280px 220px,#fff,transparent),radial-gradient(1px 1px at 420px 60px,#fff,transparent);background-repeat:repeat;background-size:550px 250px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.projects:after,.projects:before{pointer-events:none;will-change:opacity;z-index:0}.projects:after{-webkit-animation:twinkle-slower 10s ease-in-out infinite alternate;animation:twinkle-slower 10s ease-in-out infinite alternate;background-size:500px 220px;opacity:.4}.projects-container{margin:0 auto;max-width:1400px;overflow-x:hidden;position:relative;width:100%;z-index:1}.projects-header{margin-bottom:50px;text-align:center}.projects-tag{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.projects-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:60px;text-align:center;text-shadow:0 0 20px rgba(102,126,234,.5)}.projects-subtitle{color:hsla(0,0%,100%,.6);font-size:1rem;margin:0 auto 40px;max-width:600px}.category-filters{margin-bottom:50px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px;margin-top:0}.project-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);border-radius:26px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .4s ease;z-index:-1}.project-card:hover:before{opacity:.6}.project-card:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.3);box-shadow:0 25px 80px rgba(102,126,234,.3),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:translateY(-12px) scale(1.03);transform:translateY(-12px) scale(1.03)}.project-image-wrapper{background:rgba(0,0,0,.3)}.project-image{transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:scale(1.08);transform:scale(1.08)}.project-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,rgba(102,126,234,.1),rgba(0,0,0,.85));transition:opacity .4s ease}.project-link{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);border:2px solid rgba(102,126,234,.5);border-radius:35px;box-shadow:0 4px 20px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.1);letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-link:before{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);border-radius:37px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.project-link:hover:before{opacity:.8}.project-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 12px 40px rgba(102,126,234,.6),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:translateY(-4px) scale(1.08);transform:translateY(-4px) scale(1.08)}.project-content{background:rgba(0,0,0,.2)}.project-category{background:rgba(102,126,234,.12);border-radius:20px;color:#8b9cff;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:8px 18px;transition:all .3s ease}.project-card:hover .project-category{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.project-status{background:rgba(34,197,94,.12);border-radius:20px;color:#4ade80;font-size:.8rem;font-weight:700;padding:8px 18px;transition:all .3s ease}.project-card:hover .project-status{-webkit-transform:translateX(2px);transform:translateX(2px)}.project-status.in-progress{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.3);color:#fbbf24}.project-title{transition:color .3s ease}.project-card:hover .project-title{color:#667eea}.project-description{color:hsla(0,0%,100%,.7);min-height:42px}.project-tech{gap:6px}.tech-tag{background:rgba(102,126,234,.12);border:1px solid rgba(102,126,234,.25);border-radius:18px;color:#a8b3ff;font-weight:600;transition:all .3s ease}.tech-tag:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects-cta{margin-top:80px;text-align:center}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:35px;box-shadow:none;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:18px 45px;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.view-all-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:none;text-shadow:none;-webkit-transform:translateY(-4px) scale(1.05);transform:translateY(-4px) scale(1.05)}.view-all-btn:active{box-shadow:none;text-shadow:none;-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.projects{overflow-x:hidden;padding:30px 15px 60px}.projects-container{max-width:100%;padding:0 10px}.projects-title{font-size:2.2rem}.projects-grid{gap:30px;grid-template-columns:1fr}.category-filters{gap:10px}.filter-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.projects{padding:25px 10px 50px}.projects-container{padding:0 5px}.projects-title{font-size:1.8rem}.project-links{flex-direction:column;gap:10px}.project-link{justify-content:center;width:100%}}.blog{background:linear-gradient(180deg,#000,hsla(0,0%,6%,.98) 50%,rgba(26,26,26,.95));min-height:100vh;overflow:hidden;padding:40px 20px 100px;position:relative}.blog:before{-webkit-animation:twinkle-slow 8s ease-in-out infinite;animation:twinkle-slow 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 300px 50px,#fff,transparent),radial-gradient(2px 2px at 250px 100px,#fff,transparent),radial-gradient(1px 1px at 400px 200px,#fff,transparent),radial-gradient(1px 1px at 450px 80px,#fff,transparent),radial-gradient(2px 2px at 350px 30px,#fff,transparent),radial-gradient(1px 1px at 180px 180px,#fff,transparent),radial-gradient(1px 1px at 100px 140px,#fff,transparent),radial-gradient(2px 2px at 500px 120px,#fff,transparent),radial-gradient(1px 1px at 280px 220px,#fff,transparent),radial-gradient(1px 1px at 420px 60px,#fff,transparent);background-size:550px 250px;opacity:.5}.blog:after,.blog:before{background-repeat:repeat;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;will-change:opacity;z-index:0}.blog:after{-webkit-animation:twinkle-slower 10s ease-in-out infinite alternate;animation:twinkle-slower 10s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 80px 90px,rgba(102,126,234,.8),transparent),radial-gradient(1px 1px at 150px 40px,rgba(118,75,162,.8),transparent),radial-gradient(2px 2px at 220px 120px,rgba(102,126,234,.6),transparent),radial-gradient(1px 1px at 320px 180px,rgba(118,75,162,.7),transparent),radial-gradient(1px 1px at 380px 45px,rgba(102,126,234,.8),transparent),radial-gradient(2px 2px at 460px 140px,rgba(118,75,162,.6),transparent);background-size:500px 220px;opacity:.4}@-webkit-keyframes twinkle-slower{0%{opacity:.15}20%{opacity:.4}40%{opacity:.7}60%{opacity:.75}80%{opacity:.45}to{opacity:.15}}@keyframes twinkle-slower{0%{opacity:.15}20%{opacity:.4}40%{opacity:.7}60%{opacity:.75}80%{opacity:.45}to{opacity:.15}}.blog-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.blog-header{margin-bottom:40px;text-align:center}.blog-tag{background:rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.8);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:8px 20px}.blog-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(102,126,234,.5)}.title-underline{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:4px;margin:0 auto 20px;width:80px}.blog-subtitle{color:#e0e0e0;font-size:1.15rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.blog-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px;margin-top:0}.blog-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.4);border-radius:20px;box-shadow:0 10px 30px rgba(102,126,234,.3);cursor:pointer;overflow:hidden;transition:all .4s ease}.blog-card:hover{background:rgba(40,40,40,.9);border-color:#667eea;box-shadow:0 20px 50px rgba(102,126,234,.5);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.blog-image-wrapper{height:240px;overflow:hidden;position:relative;width:100%}.blog-image{height:100%;object-fit:cover;transition:all .5s ease;width:100%}.blog-card:hover .blog-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.blog-overlay{align-items:flex-end;background:linear-gradient(180deg,rgba(102,126,234,0),rgba(102,126,234,.7));display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;top:0;transition:all .4s ease;width:100%}.blog-card:hover .blog-overlay{opacity:1}.read-more{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s ease}.blog-card:hover .read-more{-webkit-transform:translateY(0);transform:translateY(0)}.blog-content{padding:25px}.blog-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.blog-category{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border:1px solid rgba(102,126,234,.5);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.blog-date{color:#b0b0b0;font-size:.9rem}.blog-post-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .3s ease}.blog-card:hover .blog-post-title{color:#667eea}.blog-description{color:#b0b0b0;font-size:1rem;line-height:1.7;margin-bottom:20px}.blog-footer{border-top:1px solid rgba(102,126,234,.3);justify-content:space-between;padding-top:15px}.blog-footer,.read-time{align-items:center;display:flex}.read-time{color:#b0b0b0;font-size:.9rem;gap:5px}.blog-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s ease}.blog-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.blog-cta{margin-top:80px;text-align:center}@media (max-width:768px){.blog{padding:60px 20px}.blog-title{font-size:2.2rem}.blog-subtitle{font-size:1rem}.blog-grid{gap:25px;grid-template-columns:1fr}.blog-image-wrapper{height:200px}.blog-post-title{font-size:1.3rem}}@media (max-width:480px){.blog-title{font-size:1.8rem}.blog-content{padding:20px}.blog-post-title{font-size:1.2rem}.blog-description{font-size:.95rem}.view-all-btn{max-width:300px;width:100%}}.footer{background:linear-gradient(180deg,#000,hsla(0,0%,6%,.98) 50%,rgba(26,26,26,.95));border-top:1px solid rgba(102,126,234,.2);overflow:hidden;padding:60px 20px 30px;position:relative}.footer:before{background-image:radial-gradient(1px 1px at 30px 40px,#fff,transparent),radial-gradient(1px 1px at 80px 20px,#fff,transparent),radial-gradient(1px 1px at 150px 60px,#fff,transparent),radial-gradient(1px 1px at 250px 30px,#fff,transparent),radial-gradient(1px 1px at 350px 80px,#fff,transparent),radial-gradient(1px 1px at 450px 40px,#fff,transparent);background-repeat:repeat;background-size:500px 100px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.footer-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.footer-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:5px}.footer-description{color:#b0b0b0;font-size:1rem;line-height:1.7;max-width:350px}.footer-social{display:flex;gap:15px}.social-link{align-items:center;background:rgba(102,126,234,.1);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 8px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-heading{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:5px}.footer-links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links li a{color:#b0b0b0;display:inline-block;font-size:1rem;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#667eea;-webkit-transform:translateX(5px);transform:translateX(5px)}.footer-contact{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.footer-contact li{align-items:center;color:#b0b0b0;display:flex;font-size:.95rem;gap:12px}.footer-contact li svg{color:#667eea;flex-shrink:0}.footer-bottom{align-items:center;border-top:1px solid rgba(102,126,234,.2);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:30px}.footer-copyright{color:grey;font-size:.9rem;margin:0}.footer-bottom-links{align-items:center;color:grey;display:flex;font-size:.9rem;gap:15px}.footer-bottom-links a{color:grey;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#667eea}@media (max-width:768px){.footer{padding:50px 20px 25px}.footer-content{gap:40px;grid-template-columns:1fr}.footer-description{max-width:100%}.footer-bottom{flex-direction:column;padding-top:25px;text-align:center}.footer-bottom-links,.footer-copyright{justify-content:center;width:100%}}@media (max-width:480px){.footer-title{font-size:1.6rem}.footer-social{flex-wrap:wrap}.social-link{height:40px;width:40px}.footer-bottom-links{flex-direction:column;gap:10px}.footer-bottom-links span{display:none}}.projects-page{background:linear-gradient(180deg,rgba(0,0,0,.95),hsla(0,0%,6%,.9) 50%,rgba(26,26,26,.85));min-height:100vh}.projects-page-section{max-width:100vw;overflow:hidden;padding:120px 20px 100px;position:relative;width:100%}.projects-page-section:before{-webkit-animation:twinkle 8s ease-in-out infinite;animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent);background-repeat:repeat;background-size:250px 250px;content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.projects-page-container{margin:0 auto;max-width:1400px;overflow-x:hidden;position:relative;width:100%;z-index:1}.projects-page-header{margin-bottom:60px;text-align:center}.projects-page-tag{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.projects-page-title{color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:15px}.projects-page-subtitle{color:#b0b0b0;font-size:1.1rem;margin:0 auto;max-width:600px}.category-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:60px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(40,40,40,.6);border:2px solid rgba(102,126,234,.3);border-radius:25px;color:#b0b0b0;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;text-transform:capitalize;transition:all .3s ease}.filter-btn:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 20px rgba(102,126,234,.4);color:#fff}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:50px}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(30,30,30,.6);border:2px solid rgba(102,126,234,.2);border-radius:20px;cursor:pointer;overflow:hidden;transition:all .4s ease}.project-card:hover{border-color:rgba(102,126,234,.6);box-shadow:0 15px 50px rgba(102,126,234,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project-image-wrapper{height:200px;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:100%}.project-card:hover .project-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-overlay{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:20px}.project-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.project-link:hover{box-shadow:0 6px 25px rgba(102,126,234,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.link-icon{font-size:1.2rem}.project-content{padding:22px}.project-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.project-category{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:15px;color:#667eea;display:inline-block;letter-spacing:.5px;text-transform:uppercase}.project-category,.project-status{font-size:.85rem;font-weight:600;padding:6px 16px}.project-status{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:15px;color:#22c55e}.project-title{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:10px}.project-description{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin-bottom:18px}.project-tech{align-items:flex-start;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-top:12px;min-height:50px;padding:12px 0 0}.tech-tag{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#a855f7;font-size:.8rem;font-weight:500;padding:6px 13px}.no-projects{color:grey;font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.projects-page-section{padding:100px 15px 60px}.projects-page-title{font-size:2.2rem}.projects-grid{gap:30px;grid-template-columns:1fr}.category-filters{gap:10px}.filter-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.projects-page-section{padding:90px 10px 50px}.projects-page-title{font-size:1.8rem}.project-links{flex-direction:column;gap:10px}.project-link{justify-content:center;width:100%}}.blog-page{background:linear-gradient(180deg,rgba(26,26,26,.85),hsla(0,0%,6%,.9) 50%,rgba(0,0,0,.95));min-height:100vh;overflow:hidden;padding-bottom:80px;position:relative}.blog-page:before{-webkit-animation:twinkle-slow 8s ease-in-out infinite;animation:twinkle-slow 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent);background-repeat:repeat;background-size:550px 250px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@-webkit-keyframes twinkle-slow{0%,to{opacity:.2}50%{opacity:.8}}@keyframes twinkle-slow{0%,to{opacity:.2}50%{opacity:.8}}.blog-page-header{padding:120px 20px 60px;position:relative;text-align:center;z-index:1}.blog-page-header-content{margin:0 auto;max-width:800px}.back-link{display:inline-block;font-size:1rem;margin-bottom:20px}.back-link:hover{color:#764ba2}.blog-page-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:20px}.blog-page-subtitle{color:#b0b0b0;font-size:1.2rem;line-height:1.6}.blog-filter-bar{padding:0 20px 40px;position:relative;z-index:1}.filter-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.search-box{max-width:400px;position:relative;width:100%}.search-input{background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:50px;color:#fff;font-size:1rem;padding:15px 50px 15px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,.3);outline:none}.search-icon{font-size:1.2rem;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:60px;padding:20px}.pagination-btn{background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-numbers{display:flex;gap:10px}.pagination-number{align-items:center;background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:45px;justify-content:center;transition:all .3s ease;width:45px}.pagination-number:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,.4)}.blog-page-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.blog-page-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-page-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;overflow:hidden;transition:all .3s ease}.blog-page-card:hover{border-color:#667eea;box-shadow:0 15px 40px rgba(102,126,234,.5);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.blog-page-card-link{color:inherit;display:block;text-decoration:none}.blog-page-image-wrapper{height:250px;overflow:hidden;position:relative;width:100%}.blog-page-image{height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.blog-page-card:hover .blog-page-image{-webkit-transform:scale(1.1);transform:scale(1.1)}.blog-page-overlay{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9));display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.blog-page-card:hover .blog-page-overlay{opacity:1}.read-more-text{color:#fff;font-size:1.2rem;font-weight:600}.blog-page-content{padding:30px}.blog-page-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.blog-page-category{background:rgba(102,126,234,.2);border-radius:20px;color:#667eea;font-size:.85rem;font-weight:600;padding:5px 15px}.blog-page-date{color:#888;font-size:.9rem}.blog-page-post-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:15px}.blog-page-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:20px}.blog-page-footer{align-items:center;display:flex;justify-content:space-between}.blog-page-read-time{color:#888;font-size:.9rem}.blog-page-read-btn{color:#667eea;font-weight:600;transition:all .3s ease}.blog-page-card:hover .blog-page-read-btn{color:#764ba2}.no-posts{color:#888;font-size:1.2rem;grid-column:1/-1;padding:60px 20px;text-align:center}.loading-container{padding:100px 20px}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@media (max-width:768px){.blog-page-header{padding:80px 20px 40px}.blog-page-title{font-size:2.5rem}.blog-page-grid{gap:30px;grid-template-columns:1fr}.filter-container{flex-direction:column}.search-box{max-width:100%}.pagination{flex-direction:column;gap:20px}.pagination-btn{width:100%}.pagination-numbers{flex-wrap:wrap;justify-content:center}}.captcha-container{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}.captcha-container:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.3)}.captcha-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.captcha-icon{font-size:1.5rem}.captcha-title{color:#667eea;flex:1 1;font-size:1rem;font-weight:600}.captcha-refresh{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;width:36px}.captcha-refresh:hover:not(:disabled){background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5);color:#667eea;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.captcha-refresh:disabled{cursor:not-allowed;opacity:.5}.captcha-question{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;margin-bottom:1rem;padding:1rem}.question-text{color:#fff;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px}.captcha-input-container{margin-bottom:.5rem;position:relative}.captcha-input{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1.25rem;font-weight:600;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.captcha-input:focus{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.captcha-input.verified{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.5)}.captcha-input.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5)}.captcha-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.captcha-input::placeholder{color:hsla(0,0%,100%,.4)}.captcha-check{color:#22c55e;font-size:1.5rem;font-weight:700;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.captcha-loading{color:hsla(0,0%,100%,.6);padding:1rem;text-align:center}.captcha-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444}.captcha-error,.captcha-success{font-size:.875rem;margin-top:.5rem;padding:.5rem}.captcha-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:6px;color:#22c55e;font-weight:600;text-align:center}@media (max-width:768px){.captcha-container{padding:1rem}.question-text{font-size:1.25rem}.captcha-input{font-size:1.1rem;padding:.875rem}}.blog-detail-page{background:linear-gradient(180deg,rgba(26,26,26,.85),hsla(0,0%,6%,.9) 50%,rgba(0,0,0,.95));min-height:100vh;position:relative}.loading-container{min-height:100vh}.blog-detail-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;height:500px;position:relative}.blog-detail-hero-overlay{align-items:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.8));display:flex;height:100%;left:0;padding:60px 20px;position:absolute;top:0;width:100%}.blog-detail-hero-content{margin:0 auto;max-width:900px;width:100%}.back-to-blog{background:rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.5);border-radius:50px;color:#fff;display:inline-block;font-size:1rem;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-to-blog:hover{background:rgba(102,126,234,.4);border-color:#667eea;-webkit-transform:translateX(-5px);transform:translateX(-5px)}.blog-detail-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 20px}.blog-detail-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.5)}.blog-detail-meta-bar{color:#e0e0e0;display:flex;font-size:1rem;gap:30px}.blog-detail-container{box-sizing:border-box;margin:0 auto;max-width:900px;padding:60px 20px;width:100%}.blog-detail-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.3);margin-bottom:40px;padding:60px}.blog-detail-description{border-bottom:2px solid rgba(102,126,234,.2);margin-bottom:40px;padding-bottom:40px}.lead-text{color:#e0e0e0;font-size:1.3rem;font-style:italic;font-weight:400;line-height:1.8}.blog-detail-body{color:#b0b0b0;font-size:1.1rem;line-height:1.9}.blog-detail-body p{margin-bottom:25px}.blog-detail-body p:first-of-type:first-letter{color:#667eea;float:left;font-size:4rem;font-weight:800;line-height:1;margin:0 15px 0 0}.blog-detail-tags{border-top:2px solid rgba(102,126,234,.2);margin-top:50px;padding-top:40px}.blog-detail-tags h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.tags-list{display:flex;flex-wrap:wrap;gap:15px}.tag{background:rgba(102,126,234,.2);border:2px solid rgba(102,126,234,.3);border-radius:50px;color:#667eea;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.tag:hover{background:rgba(102,126,234,.4);border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.blog-detail-navigation{display:flex;gap:20px;justify-content:space-between;margin-top:60px}.nav-btn{align-items:center;background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:15px;color:#fff;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:20px 30px;text-decoration:none;transition:all .3s ease}.nav-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-icon{font-size:1.2rem}@media (max-width:768px){.blog-detail-hero{height:400px}.blog-detail-hero-overlay{padding:40px 20px}.blog-detail-title{font-size:2rem}.blog-detail-meta-bar{flex-direction:column;gap:10px}.blog-detail-content{padding:30px 20px}.lead-text{font-size:1.1rem}.blog-detail-body{font-size:1rem}.blog-detail-navigation{flex-direction:column;margin-top:40px}}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-sizing:border-box;margin-top:60px;max-width:100%;overflow:hidden;padding:40px}.comments-title{border-bottom:2px solid rgba(102,126,234,.3);color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:30px;padding-bottom:15px}.comments-list{margin-bottom:40px}.comment-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:15px;box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow:hidden;padding:20px;transition:all .3s ease}.comment-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.comment-header{flex-wrap:wrap;gap:10px;margin-bottom:12px}.comment-author{word-wrap:break-word;font-size:1rem;max-width:100%;overflow-wrap:break-word}.comment-date{color:hsla(0,0%,100%,.6);font-size:.9rem}.comment-content{word-wrap:break-word;font-size:1rem;max-width:100%;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.admin-reply-content{max-width:100%}.no-comments{padding:40px 20px}.comment-form-section{margin-top:30px}.comment-form-section h4{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:20px}.comment-form{display:flex;flex-direction:column;gap:20px}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.5)}.form-group textarea{min-height:120px}.submit-comment-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.submit-comment-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.comment-success{background:rgba(34,197,94,.1);border:2px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;text-align:center}.comment-success p{color:#4ade80;font-weight:600;margin:0}.reply-button{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);border-radius:8px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.reply-button:hover{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.comment-reply-button{margin-top:1rem}.reply-form .form-group{margin-bottom:1rem}.reply-form .form-group:last-of-type{margin-bottom:0}.reply-textarea{border-radius:12px;min-height:100px;padding:15px 20px}.reply-form input.error,.reply-textarea.error{border-color:rgba(239,68,68,.5)}.error-message{margin-top:.5rem}.reply-form-actions{margin-top:1.5rem}.cancel-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}@media (max-width:768px){.comments-section{margin-top:40px;padding:30px 20px}.comment-header{align-items:flex-start;flex-direction:column;gap:8px}.comment-form-section h4{font-size:1.2rem}.comment-item{padding:15px}.comment-content{font-size:.95rem;word-break:break-word}}.contact-page{background:linear-gradient(180deg,rgba(0,0,0,.95),hsla(0,0%,6%,.9) 50%,rgba(26,26,26,.85));min-height:100vh}.contact-hero{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));display:flex;height:400px;justify-content:center;overflow:hidden;position:relative}.contact-hero:before{-webkit-animation:twinkle 8s ease-in-out infinite;animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,rgba(102,126,234,.6),transparent),radial-gradient(2px 2px at 60px 70px,rgba(118,75,162,.6),transparent),radial-gradient(1px 1px at 50px 50px,rgba(102,126,234,.4),transparent);background-repeat:repeat;background-size:250px 250px;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%}.contact-hero-overlay{max-width:1200px;padding:0 20px;position:relative;text-align:center;width:100%;z-index:1}.contact-hero-content{align-items:center;display:flex;flex-direction:column}.back-link{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:30px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-link:hover{background:rgba(102,126,234,.2);-webkit-transform:translateX(-5px);transform:translateX(-5px)}.contact-tag{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.contact-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:15px}.contact-subtitle{color:hsla(0,0%,100%,.8);font-size:1.2rem;line-height:1.6;max-width:600px}.contact-section{padding:80px 20px 100px;position:relative}.contact-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.contact-success{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;background:rgba(34,197,94,.1);border:2px solid rgba(34,197,94,.3);border-radius:16px;margin-bottom:40px;padding:30px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.contact-success h3{color:#22c55e;font-size:1.5rem;margin-bottom:10px}.contact-success p{color:hsla(0,0%,100%,.8);font-size:1rem}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.5fr}.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px}.info-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px}.info-description{color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.6;margin-bottom:40px}.info-items{display:flex;flex-direction:column;gap:30px}.info-item{align-items:flex-start;display:flex;gap:20px}.info-icon{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.info-item h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:5px}.info-item p{color:hsla(0,0%,100%,.6);font-size:.95rem}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:40px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:.95rem;margin-bottom:10px}.form-group input,.form-group textarea{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);padding:15px 20px;width:100%}.form-group input:focus,.form-group textarea:focus{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.4)}.form-group textarea{min-height:200px}.form-group input.error,.form-group textarea.error{border-color:rgba(239,68,68,.5)}.error-message{color:#ef4444;font-size:.875rem}.char-count,.error-message{display:block;margin-top:8px}.char-count{color:hsla(0,0%,100%,.5);font-size:.85rem;text-align:right}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:18px 30px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}@media (max-width:968px){.contact-content{gap:40px;grid-template-columns:1fr}.contact-title{font-size:2.5rem}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.contact-hero{height:300px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form,.contact-info{padding:30px 20px}.info-title{font-size:1.5rem}}@media (max-width:480px){.contact-section{padding:60px 15px 80px}.contact-hero{height:250px}.contact-title{font-size:1.75rem}}.login-page{align-items:center;background:linear-gradient(180deg,rgba(0,0,0,.95),hsla(0,0%,6%,.9) 50%,rgba(26,26,26,.85));display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{-webkit-animation:twinkle 8s ease-in-out infinite;animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 60px 70px,#fff,transparent),radial-gradient(1px 1px at 50px 50px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 90px 10px,#fff,transparent),radial-gradient(1px 1px at 200px 150px,#fff,transparent);background-repeat:repeat;background-size:250px 250px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@-webkit-keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}.login-container{max-width:450px;position:relative;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(30,30,30,.9);border:2px solid rgba(102,126,234,.3);border-radius:20px;box-shadow:0 20px 60px rgba(102,126,234,.4);padding:50px 40px}.login-header{margin-bottom:40px;text-align:center}.login-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:10px}.login-subtitle{color:#b0b0b0;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:15px}.login-error{background:rgba(255,70,70,.2);border:1px solid rgba(255,70,70,.5);border-radius:10px;color:#ff6b6b;font-size:.9rem;padding:12px;text-align:center}.form-group input{background:rgba(40,40,40,.8);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus{background:rgba(50,50,50,.9);border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,.3);outline:none}.form-group input::-webkit-input-placeholder{color:grey}.form-group input::placeholder{color:grey}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:16px;transition:all .3s ease}.login-btn:hover{box-shadow:0 12px 35px rgba(102,126,234,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-hint{color:grey;font-size:.85rem;margin-top:10px;text-align:center}@media (max-width:480px){.login-card{padding:40px 30px}.login-title{font-size:2rem}}.admin-dashboard{background:linear-gradient(180deg,rgba(0,0,0,.95),hsla(0,0%,6%,.9));display:flex;min-height:100vh}.admin-sidebar{background:hsla(0,0%,8%,.95);border-right:2px solid rgba(102,126,234,.3);display:flex;flex-direction:column;overflow:hidden;padding:30px 20px;position:relative;width:280px}.admin-sidebar:before{background-image:radial-gradient(1px 1px at 20px 40px,#fff,transparent),radial-gradient(1px 1px at 60px 90px,#fff,transparent),radial-gradient(1px 1px at 120px 50px,#fff,transparent);background-repeat:repeat;background-size:150px 150px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.sidebar-header{margin-bottom:40px;position:relative;z-index:1}.sidebar-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:10px}.sidebar-user{color:#b0b0b0;font-size:.95rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:10px;position:relative;z-index:1}.nav-link{align-items:center;border-radius:12px;color:#e0e0e0;display:flex;font-weight:500;gap:12px;padding:14px 18px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:rgba(102,126,234,.15);color:#fff;-webkit-transform:translateX(5px);transform:translateX(5px)}.nav-link.active{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-left:3px solid #667eea;color:#fff}.nav-icon{font-size:1.3rem}.logout-btn{align-items:center;background:rgba(255,70,70,.2);border:1px solid rgba(255,70,70,.4);border-radius:12px;color:#ff6b6b;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:14px 18px;position:relative;transition:all .3s ease;z-index:1}.logout-btn:hover{background:rgba(255,70,70,.3);-webkit-transform:scale(1.02);transform:scale(1.02)}.admin-content{flex:1 1;overflow-y:auto;padding:40px}.content-header{margin-bottom:40px}.content-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:8px}.content-subtitle{color:#b0b0b0;font-size:1.1rem}.stats-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:50px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:16px;display:flex;gap:20px;padding:30px;transition:all .3s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.stat-icon{font-size:3rem}.stat-info{flex:1 1}.stat-number{color:#fff;font-size:2rem;font-weight:800;margin-bottom:5px}.stat-label{color:#b0b0b0;font-size:.95rem}.section-title{margin-bottom:25px}.actions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:30px;text-decoration:none;transition:all .3s ease}.action-card:hover{background:rgba(40,40,40,.9);border-color:#667eea;box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.action-icon{font-size:2.5rem}.action-card h3{color:#fff;font-size:1.3rem;margin:0}.action-card p{color:#b0b0b0;font-size:.95rem;margin:0}@media (max-width:768px){.admin-dashboard{flex-direction:column}.admin-sidebar{border-bottom:2px solid rgba(102,126,234,.3);border-right:none;width:100%}.admin-content{padding:20px}.content-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}}.btn-primary-admin{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary-admin:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.blog-list{display:flex;flex-direction:column;gap:25px}.blog-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:16px;display:flex;gap:25px;overflow:hidden;transition:all .3s ease}.blog-item:hover{border-color:#667eea;box-shadow:0 10px 30px rgba(102,126,234,.4)}.blog-item-image{flex-shrink:0;height:180px;object-fit:cover;width:240px}.blog-item-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:25px}.blog-item-meta{align-items:center;display:flex;gap:15px}.blog-item-category{background:rgba(102,126,234,.2);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.blog-item-date{color:#b0b0b0;font-size:.9rem}.blog-item-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.blog-item-description{color:#b0b0b0;line-height:1.6;margin:0}.blog-item-actions{display:flex;gap:12px;margin-top:auto}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.btn-edit{background:rgba(102,126,234,.2);color:#667eea;text-decoration:none}.btn-edit:hover{background:rgba(102,126,234,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-delete{background:rgba(255,70,70,.2);color:#ff6b6b}.btn-delete:hover{background:rgba(255,70,70,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(30,30,30,.95);border:2px solid rgba(102,126,234,.4);border-radius:20px;max-width:500px;padding:40px;width:90%}.modal-content h2{color:#fff;font-size:1.8rem;margin:0 0 15px}.modal-content p{color:#b0b0b0;font-size:1.1rem;margin:0 0 30px}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.btn-cancel{background:hsla(0,0%,50%,.2);border:none;border-radius:10px;color:#b0b0b0;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:hsla(0,0%,50%,.3)}@media (max-width:768px){.blog-item{flex-direction:column}.blog-item-image{height:200px;width:100%}.blog-item-actions{flex-direction:column}.btn-delete,.btn-edit{justify-content:center;width:100%}}.btn-secondary-admin{align-items:center;background:hsla(0,0%,50%,.2);border:2px solid hsla(0,0%,50%,.3);border-radius:12px;color:#b0b0b0;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-secondary-admin:hover{background:hsla(0,0%,50%,.3);color:#fff}.blog-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:40px}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#fff;font-size:1rem;font-weight:600}.form-group input,.form-group textarea{background:rgba(40,40,40,.8);border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:rgba(50,50,50,.9);border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,.3);outline:none}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:grey}.form-group input::placeholder,.form-group textarea::placeholder{color:grey}.form-group textarea{min-height:100px;resize:vertical}.image-upload-tabs{display:flex;gap:10px;margin-bottom:15px}.upload-tab{background:rgba(40,40,40,.8);border:2px solid rgba(102,126,234,.3);border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.upload-tab:hover{background:rgba(50,50,50,.9);border-color:rgba(102,126,234,.5)}.upload-tab.active{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:#667eea;box-shadow:0 0 15px rgba(102,126,234,.3)}.image-upload-section{gap:10px}.file-input-label{border:2px dashed rgba(102,126,234,.5);padding:14px 24px}.file-input-label:hover{border-color:#667eea}.file-input:disabled+.file-input-label{cursor:not-allowed;opacity:.6}.uploaded-image-info{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.9rem;font-weight:500;padding:8px 12px}.image-preview{border:2px solid rgba(102,126,234,.3);margin-top:15px}.image-preview img{display:block;max-height:300px;object-fit:cover;width:100%}.form-actions{display:flex;gap:15px;justify-content:flex-end}.btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:8px;padding:14px 32px;transition:all .3s ease}.btn-save:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.blog-form{padding:25px}.form-grid{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{justify-content:center;width:100%}}.tabs{background:hsla(0,0%,8%,.8);border:2px solid rgba(102,126,234,.2);border-radius:16px;display:flex;gap:10px;margin-bottom:30px;padding:10px}.tab{background:transparent;border:2px solid transparent;border-radius:12px;color:#b0b0b0;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease}.tab:hover{background:rgba(102,126,234,.1);color:#fff}.tab.active{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:#667eea;color:#fff}.about-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:40px}.form-section{display:flex;flex-direction:column;gap:25px}.section-title{font-size:1.8rem;margin-bottom:10px}.info-card-edit h4,.stats-edit h4{color:#fff;font-size:1.2rem;margin-bottom:15px}.stats-grid-edit{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.info-card-edit{padding:25px}.info-card-edit,.skill-edit{background:rgba(40,40,40,.6);border:1px solid rgba(102,126,234,.2);border-radius:12px}.skill-edit{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;padding:20px}@media (max-width:768px){.tabs{flex-wrap:wrap}.tab{min-width:calc(50% - 5px)}.skill-edit,.stats-grid-edit{grid-template-columns:1fr}.about-form{padding:25px}}.image-upload-section{display:flex;flex-direction:column;gap:15px}.image-preview{align-items:center;background:hsla(0,0%,8%,.5);border:2px dashed rgba(102,126,234,.3);border-radius:12px;display:flex;height:200px;justify-content:center;overflow:hidden;transition:all .3s ease;width:200px}.image-preview:hover{background:hsla(0,0%,8%,.8);border-color:rgba(102,126,234,.6)}.preview-image{border-radius:10px;height:100%;object-fit:cover;width:100%}.no-image{align-items:center;color:#b0b0b0;display:flex;flex-direction:column;gap:10px}.no-image span{font-size:2rem}.no-image p{font-size:.9rem;margin:0}.file-input{display:none}.file-input-label{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border:2px solid rgba(102,126,234,.4);border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;max-width:200px;padding:12px 24px;text-align:center;transition:all .3s ease}.file-input-label:hover{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:rgba(102,126,234,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.data-actions{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.action-card-data{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:40px;text-align:center;transition:all .3s ease}.action-card-data:hover{border-color:#667eea;box-shadow:0 15px 40px rgba(102,126,234,.4);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.action-card-data.danger{border-color:rgba(255,70,70,.3)}.action-card-data.danger:hover{border-color:#ff6b6b;box-shadow:0 15px 40px rgba(255,70,70,.4)}.action-icon-large{font-size:4rem;margin-bottom:20px}.action-card-data h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.action-card-data p{color:#b0b0b0;line-height:1.6;margin-bottom:25px}.btn-action{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:14px 28px;transition:all .3s ease}.btn-action:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px rgba(255,70,70,.4)}.btn-danger:hover{box-shadow:0 6px 20px rgba(255,70,70,.5)}.storage-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;padding:40px}.storage-info h3{color:#fff;font-size:1.8rem;margin-bottom:20px}.info-box{background:rgba(40,40,40,.6);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:25px}.info-box li,.info-box p{color:#e0e0e0;line-height:1.8;margin-bottom:10px}.info-box strong{color:#fff}.info-box code{background:rgba(102,126,234,.2);border-radius:4px;color:#667eea;font-family:Courier New,monospace;padding:2px 8px}.info-box a{color:#667eea;font-weight:600;text-decoration:none}.info-box a:hover{text-decoration:underline}.export-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:2px solid rgba(102,126,234,.3);border-radius:20px;margin-top:30px;padding:30px}.export-preview h3{color:#fff;margin-bottom:15px}.export-preview pre{background:rgba(0,0,0,.5);border-radius:10px;color:#b0b0b0;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:20px}@media (max-width:768px){.data-actions{grid-template-columns:1fr}.storage-info{padding:25px}}.comment-management{background:linear-gradient(180deg,rgba(26,26,26,.85),hsla(0,0%,6%,.9) 50%,rgba(0,0,0,.95));color:#fff;min-height:100vh;padding:2rem}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.comment-header{align-items:center;border-bottom:2px solid rgba(102,126,234,.3);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.comment-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.comment-stats{display:flex;gap:2rem}.stat-item.pending{background:rgba(255,193,7,.05);border-color:rgba(255,193,7,.3)}.stat-item.approved{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.3)}.stat-item.pending .stat-number{color:#ffc107}.stat-item.approved .stat-number{color:#22c55e}.comment-controls{margin-bottom:2rem}.filter-tabs{display:flex;gap:1rem;margin-bottom:1rem}.filter-tab{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.7);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.3)}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.bulk-actions{align-items:center;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;display:flex;gap:1rem;padding:1rem}.selected-count{color:#667eea;font-weight:600}.bulk-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.bulk-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.bulk-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.bulk-btn:hover{box-shadow:0 4px 15px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{background:hsla(0,0%,100%,.02);border:2px dashed hsla(0,0%,100%,.1);border-radius:15px;color:hsla(0,0%,100%,.6);font-style:italic;padding:3rem;text-align:center}.comment-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:15px;padding:1.5rem;transition:all .3s ease}.comment-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.2)}.comment-card.pending{border-left:4px solid #ffc107}.comment-card.approved{border-left:4px solid #22c55e}.comment-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.comment-meta{display:flex;flex-direction:column;gap:.5rem}.comment-author{color:#667eea;font-size:1.1rem;font-weight:600}.comment-email{color:hsla(0,0%,100%,.6);font-size:.9rem}.comment-date{color:hsla(0,0%,100%,.5);font-size:.85rem}.comment-status{margin-left:1rem}.status-badge{font-size:.85rem;padding:.5rem 1rem}.status-badge.pending{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.3);color:#ffc107}.status-badge.approved{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#22c55e}.comment-blog-info{color:hsla(0,0%,100%,.8);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.comment-blog-info,.comment-content{background:hsla(0,0%,100%,.02);border-radius:8px}.comment-content{border-left:3px solid rgba(102,126,234,.3);color:hsla(0,0%,100%,.9);line-height:1.6;margin-bottom:1.5rem;padding:1rem}.comment-actions{align-items:center;display:flex;justify-content:space-between}.checkbox-label{align-items:center;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid hsla(0,0%,100%,.3);border-radius:4px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.action-buttons{display:flex;gap:.75rem}.action-btn{border-radius:8px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.action-btn.approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.action-btn.reject{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn:hover{box-shadow:0 4px 15px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-btn.edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-reply{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.admin-reply-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.admin-reply-label{color:#667eea;font-size:1rem;font-weight:700}.admin-reply-date{color:hsla(0,0%,100%,.6);font-size:.85rem}.admin-reply-content{word-wrap:break-word;color:hsla(0,0%,100%,.95);line-height:1.6;margin-bottom:1rem;overflow-wrap:break-word}.admin-reply-actions{display:flex;flex-wrap:wrap;gap:.75rem}.reply-form{border:2px solid rgba(102,126,234,.3);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.reply-form,.reply-textarea{background:hsla(0,0%,100%,.05)}.reply-textarea{border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.reply-textarea:focus{background:hsla(0,0%,100%,.08);border-color:rgba(102,126,234,.5);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.reply-textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.reply-textarea::placeholder{color:hsla(0,0%,100%,.5)}.reply-form-actions{display:flex;flex-wrap:wrap;gap:.75rem}.reply-button-container{margin-bottom:1rem;margin-top:1rem}.replies-toggle{margin-bottom:.5rem;margin-top:1rem}.toggle-replies-btn{align-items:center;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.toggle-replies-btn:hover{background:rgba(102,126,234,.25);border-color:rgba(102,126,234,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.replies-list{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;border-left:3px solid rgba(102,126,234,.3);margin-top:1rem;padding-left:2rem}.reply-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s ease}.reply-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.reply-item.admin-reply{background:rgba(102,126,234,.1);border-left:4px solid #667eea}.reply-item.user-reply{background:hsla(0,0%,100%,.02)}.reply-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.reply-author{color:#667eea;font-size:.95rem;font-weight:700}.reply-item.user-reply .reply-author{color:hsla(0,0%,100%,.9)}.reply-date{color:hsla(0,0%,100%,.6);font-size:.85rem}.reply-content{word-wrap:break-word;color:hsla(0,0%,100%,.95);line-height:1.6;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word}.reply-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.reply-form.nested{background:hsla(0,0%,100%,.03);border-color:rgba(102,126,234,.2);margin-left:1rem;margin-top:1rem}@media (max-width:768px){.comment-management{padding:1rem}.comment-header{align-items:flex-start;flex-direction:column;gap:1rem}.comment-header h1{font-size:2rem}.comment-stats{gap:1rem}.stat-item{min-width:60px;padding:.75rem}.stat-number{font-size:1.5rem}.filter-tabs{flex-wrap:wrap}.comment-actions,.comment-card-header{flex-direction:column;gap:1rem}.comment-actions{align-items:flex-start}.action-buttons{justify-content:space-between;width:100%}.bulk-actions{align-items:flex-start;flex-direction:column}}.contact-management{background:linear-gradient(180deg,rgba(26,26,26,.85),hsla(0,0%,6%,.9) 50%,rgba(0,0,0,.95));color:#fff;min-height:100vh;padding:2rem}.message-stats{display:flex;gap:2rem}.stat-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;min-width:80px;padding:1rem;text-align:center}.stat-item.unread{background:rgba(255,193,7,.05);border-color:rgba(255,193,7,.3)}.stat-item.read{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.3)}.stat-number{color:#667eea;display:block;font-size:1.8rem;font-weight:700}.stat-item.unread .stat-number{color:#ffc107}.stat-item.read .stat-number{color:#22c55e}.stat-label{color:hsla(0,0%,100%,.7);font-size:.9rem;margin-top:.5rem}.message-controls{margin-bottom:2rem}.messages-list-container{box-sizing:border-box;max-width:100%;overflow:hidden}.messages-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.message-card,.messages-list{max-width:100%;overflow:hidden}.message-card{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid hsla(0,0%,100%,.1);border-left:5px solid transparent;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;padding:2rem;position:relative;transition:all .3s ease}.message-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.message-card:hover:before{opacity:1}.message-card:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:rgba(102,126,234,.4);box-shadow:0 8px 25px rgba(102,126,234,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.message-card.unread{background:linear-gradient(135deg,rgba(255,193,7,.12),rgba(255,152,0,.08));border-left-color:#ffc107}.message-card.unread:before{background:linear-gradient(90deg,#ffc107,#ff9800)}.message-card.selected{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.6);box-shadow:0 8px 25px rgba(102,126,234,.4)}.message-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;max-width:100%}.message-meta{display:flex;flex-direction:column;gap:.5rem}.message-name{word-wrap:break-word;color:#667eea;font-size:1.2rem;font-weight:600;max-width:100%;overflow-wrap:break-word}.message-email{color:hsla(0,0%,100%,.6)}.message-email,.message-subject{word-wrap:break-word;font-size:1rem;max-width:100%;overflow-wrap:break-word}.message-subject{background:hsla(0,0%,100%,.02);border-radius:8px;color:hsla(0,0%,100%,.8);margin-bottom:1rem;overflow:hidden;padding:.75rem}.message-preview{word-wrap:break-word;color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.7;margin-bottom:1rem;max-width:100%;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.message-date{color:hsla(0,0%,100%,.5);font-size:.95rem;margin-bottom:1rem}.message-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.3px;padding:.9rem 1.5rem;transition:all .3s ease}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid transparent;color:#fff}.action-btn.delete:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 6px 20px rgba(239,68,68,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.status-badge{border-radius:20px;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem}.status-badge.unread-badge{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.3);color:#ffc107}.status-badge.read-badge{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:#22c55e}.no-messages{color:hsla(0,0%,100%,.5);padding:3rem;text-align:center}.message-modal-overlay{align-items:center;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-modal{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;background:#1a1a1a;border:1px solid rgba(102,126,234,.3);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.message-modal-header{align-items:center;background:rgba(102,126,234,.1);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;justify-content:space-between;padding:2rem}.message-modal-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.close-modal-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-modal-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.message-modal-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-x:hidden;overflow-y:auto;padding:2rem}.modal-detail-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;display:flex;gap:1rem;padding:1rem}.modal-detail-label{color:#667eea;flex-shrink:0;font-size:.95rem;font-weight:600;min-width:120px}.modal-detail-value{color:hsla(0,0%,100%,.9);flex:1 1;font-size:.95rem;min-width:0;overflow-wrap:break-word;word-break:break-word}.modal-detail-value a{color:#667eea;text-decoration:none;word-break:break-all}.modal-detail-value a:hover{text-decoration:underline}.modal-message-container{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.modal-message-label{color:#667eea;font-size:1rem;font-weight:600}.modal-message-text{background:hsla(0,0%,100%,.02);border:1px solid rgba(102,126,234,.2);border-radius:8px;color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.7;max-height:400px;min-height:100px;overflow-wrap:break-word;overflow-y:auto;padding:1.25rem;white-space:pre-wrap;word-break:break-word}.message-modal-actions{background:rgba(102,126,234,.05);border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;gap:1rem;padding:1.5rem 2rem}.action-btn.reply{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid transparent;color:#fff;display:flex;flex:1 1;justify-content:center;text-decoration:none}.action-btn.reply:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 6px 20px rgba(102,126,234,.5);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:1200px){.messages-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:900px){.messages-list{grid-template-columns:1fr}.message-modal{max-height:95vh;max-width:95%}.message-modal-header{padding:1.5rem}.message-modal-header h2{font-size:1.5rem}.message-modal-content{gap:1.25rem;padding:1.5rem}.message-modal-actions{flex-direction:column;padding:1.25rem 1.5rem}.modal-detail-item{flex-direction:column;gap:.5rem}.modal-detail-label{min-width:auto}.modal-message-text{max-height:300px;padding:1rem}}@media (max-width:768px){.contact-management{padding:1rem}.message-stats{flex-wrap:wrap;gap:1rem}.detail-row{gap:.5rem;grid-template-columns:1fr}}.site-settings-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.settings-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.settings-header h1{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:hsla(0,0%,100%,.3);-webkit-transform:translateX(-5px);transform:translateX(-5px)}.message{-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;border-radius:10px;font-weight:600;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.message.success{background:rgba(76,175,80,.9);border:2px solid #4caf50;color:#fff}.message.error{background:rgba(244,67,54,.9);border:2px solid #f44336;color:#fff}.loading{color:#fff;font-size:1.5rem;padding:4rem;text-align:center}.settings-section{margin-bottom:3rem}.section-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.section-description{color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.settings-list{display:flex;flex-direction:column;gap:2rem}.setting-hint{color:#667eea;font-size:.875rem;font-style:italic;margin-top:.5rem}.setting-card{background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:2rem;transition:all .3s ease}.setting-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.setting-info{margin-bottom:1.5rem}.setting-info h3{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.setting-description{color:#666;font-size:1rem;margin-bottom:.5rem}.setting-updated{color:#999;font-size:.9rem;font-style:italic}.setting-input-group{margin-bottom:1.5rem}.setting-input-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.setting-input{border:2px solid #ddd;border-radius:10px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.setting-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.preview-section{background:rgba(102,126,234,.1);border:2px solid rgba(102,126,234,.2);border-radius:10px;margin-top:1rem;padding:1rem}.preview-label{color:#667eea;font-size:.9rem}.preview-label,.preview-link{font-weight:600;margin-bottom:.5rem}.preview-link{background:#667eea;border-radius:8px;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.preview-link:hover{background:#764ba2;box-shadow:0 4px 12px rgba(102,126,234,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.video-id{color:#666;font-size:.9rem;margin-top:.5rem}.video-id code{background:rgba(0,0,0,.05);border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-weight:600;padding:.2rem .5rem}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.save-button:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.save-button:disabled{cursor:not-allowed;opacity:.6}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.site-settings-container{padding:1rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-header h1{font-size:2rem}.setting-card{padding:1.5rem}.setting-info h3{font-size:1.25rem}}@media (max-width:480px){.settings-header h1{font-size:1.5rem}.setting-card{padding:1rem}}.project-list{display:flex;flex-direction:column;gap:25px}.project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,30,.8);border:1px solid rgba(102,126,234,.2);border-radius:15px;display:flex;gap:25px;padding:20px;transition:all .3s ease}.project-item:hover{border-color:rgba(102,126,234,.4);box-shadow:0 8px 25px rgba(102,126,234,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-item-image{border-radius:12px;flex-shrink:0;height:150px;object-fit:cover;width:220px}.project-item-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.project-item-meta{align-items:center;display:flex;gap:12px}.project-item-category{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea;text-transform:uppercase}.project-item-category,.project-item-status{display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.project-item-status{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e}.project-item-status.in-progress{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3);color:#fbbf24}.project-item-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.project-item-description{color:#b0b0b0;flex:1 1;font-size:.95rem;line-height:1.5;margin:0}.project-item-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#a855f7;font-size:.75rem;font-weight:600;padding:4px 10px}.project-item-actions{display:flex;gap:20px;margin-top:8px}.empty-state{color:grey;padding:80px 20px;text-align:center}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1rem}@media (max-width:768px){.project-item{flex-direction:column}.project-item-image{height:200px;width:100%}.project-item-actions{flex-direction:column}.btn-delete,.btn-edit{width:100%}}.App{min-height:100vh;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#000,hsla(0,0%,6%,.98) 50%,rgba(26,26,26,.95));color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;position:relative}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.44b97edc.css.map*/