*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:'Rajdhani',sans-serif;background:#000;color:#fff;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}#fireCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.nav{position:fixed;top:0;width:100%;padding:1.5rem 2rem;background:rgb(0 0 0 / .8);backdrop-filter:blur(15px);z-index:1000;border-bottom:1px solid rgb(255 255 255 / .05)}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#ccc;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:0.3s;font-weight:600}.nav-links a:hover{color:#0f8;text-shadow:0 0 10px rgb(0 255 136 / .5)}.nav-tools-btn{background:linear-gradient(45deg,#00ff88,#00d4ff);color:#000;padding:8px 25px;border-radius:30px;text-decoration:none;font-family:'Orbitron',sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;box-shadow:0 0 15px rgb(0 255 136 / .4)}.nav-tools-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgb(0 255 136 / .8);color:#000}.header{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.hero-content{padding:20px;background:radial-gradient(circle,rgb(0 0 0 / .8) 0%,#fff0 80%)}.glitch-wrapper{display:inline-block;margin-bottom:1rem}.hero-title{font-family:'Orbitron',sans-serif;font-size:5rem;font-weight:900;color:#fff;position:relative;text-transform:uppercase;letter-spacing:5px}.hero-title::before,.hero-title::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.hero-title::before{left:2px;text-shadow:-2px 0 #f05;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.hero-title::after{left:-2px;text-shadow:-2px 0 #00d4ff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip-path:inset(31px 0 6px 0);transform:skew(0.85deg)}5%{clip-path:inset(70px 0 29px 0);transform:skew(0.85deg)}10%{clip-path:inset(29px 0 17px 0);transform:skew(0.06deg)}20%{clip-path:inset(62px 0 95px 0);transform:skew(0.18deg)}30%{clip-path:inset(5px 0 22px 0);transform:skew(0.33deg)}40%{clip-path:inset(32px 0 97px 0);transform:skew(0.64deg)}50%{clip-path:inset(62px 0 77px 0);transform:skew(0.69deg)}60%{clip-path:inset(34px 0 51px 0);transform:skew(0.15deg)}70%{clip-path:inset(58px 0 85px 0);transform:skew(0.96deg)}80%{clip-path:inset(27px 0 95px 0);transform:skew(0.25deg)}90%{clip-path:inset(64px 0 65px 0);transform:skew(0.61deg)}100%{clip-path:inset(39px 0 65px 0);transform:skew(0.73deg)}}@keyframes glitch-anim2{0%{clip-path:inset(65px 0 0 0);transform:skew(0.57deg)}10%{clip-path:inset(79px 0 15px 0);transform:skew(0.04deg)}20%{clip-path:inset(67px 0 40px 0);transform:skew(0.11deg)}30%{clip-path:inset(83px 0 93px 0);transform:skew(0.17deg)}40%{clip-path:inset(78px 0 39px 0);transform:skew(0.47deg)}50%{clip-path:inset(58px 0 73px 0);transform:skew(0.81deg)}60%{clip-path:inset(1px 0 31px 0);transform:skew(0.33deg)}70%{clip-path:inset(33px 0 5px 0);transform:skew(0.28deg)}80%{clip-path:inset(71px 0 1px 0);transform:skew(0.38deg)}90%{clip-path:inset(5px 0 54px 0);transform:skew(0.81deg)}100%{clip-path:inset(12px 0 92px 0);transform:skew(0.97deg)}}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;color:#0f8;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-description{font-size:1.2rem;max-width:700px;margin:0 auto 3rem;line-height:1.6;text-shadow:0 2px 4px rgb(0 0 0 / .8)}.cta-btn{display:inline-block;padding:15px 40px;background:rgb(0 255 136 / .1);border:1px solid #0f8;color:#0f8;font-family:'Orbitron',sans-serif;text-decoration:none;border-radius:30px;transition:0.3s;backdrop-filter:blur(5px)}.cta-btn:hover{background:#0f8;color:#000;box-shadow:0 0 30px rgb(0 255 136 / .6)}.social-section{padding:8rem 2rem;background:linear-gradient(to bottom,#000000,#0a0a0a);position:relative;z-index:2}.modern-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1200px;margin:4rem auto 0}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .05);padding:2.5rem 1rem;border-radius:20px;text-decoration:none;transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.social-card.github:hover{border-color:#fff;box-shadow:0 0 30px rgb(255 255 255 / .2)}.social-card.twitter:hover{border-color:#1DA1F2;box-shadow:0 0 30px rgb(29 161 242 / .3)}.social-card.linkedin:hover{border-color:#0A66C2;box-shadow:0 0 30px rgb(10 102 194 / .3)}.social-card.instagram:hover{border-color:#E1306C;box-shadow:0 0 30px rgb(225 48 108 / .3)}.social-card.facebook:hover{border-color:#1877F2;box-shadow:0 0 30px rgb(24 119 242 / .3)}.social-card.google:hover{border-color:#4285F4;box-shadow:0 0 30px rgb(66 133 244 / .3)}.social-card:hover{transform:translateY(-10px) scale(1.05);background:rgb(255 255 255 / .08)}.social-card i{font-size:3rem;margin-bottom:1rem;color:#fff;transition:0.3s}.social-card span{font-family:'Orbitron',sans-serif;color:#aaa;font-size:.9rem;letter-spacing:1px;transition:0.3s}.social-card:hover i{transform:scale(1.1)}.social-card:hover span{color:#fff}#tools-section,#skills{padding:6rem 2rem;background:#050505;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-family:'Orbitron',sans-serif;font-size:3rem;background:linear-gradient(90deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.skill-card{background:rgb(255 255 255 / .02);padding:2rem;border-radius:10px;border-left:3px solid #0f8}.skill-title{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.skill-description{color:#777;font-size:.9rem}.footer{padding:2rem;background:#000;text-align:center;border-top:1px solid #111;margin-top:auto;position:relative;z-index:10}.footer p{color:#ccc;font-size:.9rem;letter-spacing:1px}.footer-link{color:#0f8;text-decoration:none;font-weight:700;font-family:'Orbitron',sans-serif;transition:0.3s}.footer-link:hover{color:#00d4ff;text-shadow:0 0 10px rgb(0 212 255 / .5)}.bottom-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;background:rgb(20 20 20 / .25);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid rgb(255 255 255 / .15);border-radius:999px;padding:10px 24px;display:none;align-items:center;gap:8px;box-shadow:0 8px 32px rgb(0 0 0 / .45),inset 0 1px 0 rgb(255 255 255 / .12)}.dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 18px;border-radius:999px;text-decoration:none;color:rgb(255 255 255 / .7);font-family:'Rajdhani',sans-serif;font-size:.6rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all 0.25s cubic-bezier(.34,1.56,.64,1);position:relative}.dock-item i{font-size:1.3rem;transition:all 0.25s cubic-bezier(.34,1.56,.64,1);color:rgb(255 255 255 / .75)}.dock-item:hover,.dock-item.active{background:rgb(255 255 255 / .1);color:#0f8}.dock-item:hover i,.dock-item.active i{color:#0f8;transform:translateY(-3px) scale(1.2);filter:drop-shadow(0 0 6px rgb(0 255 136 / .7))}.dock-item.active::after{content:'';position:absolute;bottom:4px;width:4px;height:4px;background:#0f8;border-radius:50%;box-shadow:0 0 6px #0f8}@media (max-width:768px){.bottom-dock{display:flex}.footer{padding-bottom:110px}}@media (max-width:768px){.hero-title{font-size:2.5rem}.nav-links{display:none}.modern-social-grid{grid-template-columns:repeat(2,1fr)}.nav-tools-btn{padding:6px 15px;font-size:.7rem}}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.tools-panel-wrap{max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.tools-panel{width:100%;background:linear-gradient(145deg,rgb(255 255 255 / .05) 0%,rgb(255 255 255 / .02) 100%);border:1px solid rgb(255 255 255 / .1);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgb(0 255 136 / .06),0 20px 60px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 255 255 / .08)}.tool-row{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;text-decoration:none;transition:background 0.25s ease;position:relative}.tool-row:hover{background:rgb(0 255 136 / .05)}.tool-row:hover .tool-row-arrow{color:#0f8;transform:translateX(3px)}.tool-row:hover .tool-row-icon{color:#0f8;box-shadow:0 0 16px rgb(0 255 136 / .3);border-color:rgb(0 255 136 / .4)}.tool-row:hover .tool-row-name{color:#fff}.tool-row-left{display:flex;align-items:center;gap:1rem}.tool-row-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .1);border-radius:12px;font-size:1.1rem;color:rgb(255 255 255 / .7);transition:all 0.25s ease;flex-shrink:0}.tool-row-text{display:flex;flex-direction:column;gap:2px}.tool-row-name{font-family:'Orbitron',sans-serif;font-size:.85rem;font-weight:700;color:rgb(255 255 255 / .9);letter-spacing:.5px;transition:color 0.25s}.tool-row-desc{font-family:'Rajdhani',sans-serif;font-size:.8rem;color:rgb(255 255 255 / .35);letter-spacing:.3px}.tool-row-arrow{font-size:.75rem;color:rgb(255 255 255 / .2);transition:all 0.25s ease;flex-shrink:0}.tool-divider{height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .06),transparent);margin:0 1.5rem}.see-all-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:rgb(255 255 255 / .03);color:rgb(255 255 255 / .45);font-family:'Orbitron',sans-serif;font-size:.7rem;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:all 0.3s ease}.see-all-btn i{font-size:.65rem;transition:transform 0.3s ease}.see-all-btn:hover{border-color:rgb(0 255 136 / .4);color:#0f8;background:rgb(0 255 136 / .05);box-shadow:0 0 20px rgb(0 255 136 / .1)}.see-all-btn:hover i{transform:translateX(4px)}.hero-title::before,.hero-title::after{will-change:clip-path,transform}.social-section,#tools-section,#skills{content-visibility:auto;contain-intrinsic-size:auto 600px}@media (max-width:768px){.social-card{backdrop-filter:none;-webkit-backdrop-filter:none}.cta-btn{backdrop-filter:none;-webkit-backdrop-filter:none}.hero-title::before,.hero-title::after{animation-duration:8s}}