@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--accent-color: #00ffff}body.light{--accent-color: #ff4eea}body.dark{--accent-color: #00ffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#000;color:#e5e7eb;font-family:Space Grotesk,sans-serif;margin:0;padding:0;scroll-behavior:smooth}::selection{background:#00ffb3;color:#000}.intro-screen{width:1000px;height:700px;background:#000;color:#0f0;font-family:monospace;font-size:2rem;display:flex;justify-content:center;align-items:center;border-radius:12px;box-shadow:0 0 20px #0f0;animation:fadeInUp 2s ease-out;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.typewriter{overflow:hidden;border-right:3px solid lime;white-space:nowrap;letter-spacing:2px;animation:typing 3s steps(40,end),blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.iframe-screen{width:1000px;height:700px;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #00ffff4d}.navbar-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0006;transition:background .3s ease,box-shadow .3s ease}.navbar-link{color:#fff;font-weight:500;transition:color .3s ease}.navbar-link:hover{color:#ec4899}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease-in-out;box-shadow:0 0 15px #ff00ff1a}.navbar-scrolled{padding:.5rem 2rem;background:#050505f2;box-shadow:0 2px 20px #ff00ff4d}.navbar-brand{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#f0c,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.navbar-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar-link{font-size:1rem;color:#fff;cursor:pointer;position:relative;transition:color .3s ease}.navbar-link:hover{color:#0ff}.navbar-link:after{content:"";display:block;width:0;height:2px;background:linear-gradient(90deg,#f0c,#0ff);transition:width .3s ease;margin-top:5px}.navbar-link:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{height:3px;background:#fff;margin:4px 0;border-radius:2px;width:25px;transition:.3s ease}@media (max-width: 768px){.menu-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:#0f0f0f;display:none;padding:1rem 0}.navbar-links.show{display:flex}.navbar-link{padding:1rem;text-align:center;font-size:1.2rem}}@media (min-width: 1600px){.navbar-brand{font-size:2.5rem}.navbar-link{font-size:1.4rem}}.hero-section{height:100vh;background:radial-gradient(circle at top,#0f0f0f,#000);display:flex;justify-content:center;align-items:center;color:#fff;padding:0 2rem;text-align:center;position:relative;overflow:hidden}.hero-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,0,204,.1),transparent);z-index:1}.hero-container{max-width:800px;z-index:10;padding:1rem}.hero-heading{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#f0c,#33f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-heading span{color:#0ff}.hero-subtext{font-size:1.2rem;color:#aaa;margin-bottom:2rem}.hero-btn{display:inline-block;padding:.8rem 2rem;border-radius:999px;background:linear-gradient(90deg,#f0c,#33f);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 0 10px #f0c6;transition:transform .3s ease,box-shadow .3s ease}.hero-btn:hover{box-shadow:0 0 20px #f0c9;transform:scale(1.05)}.hero-icons{margin-top:3rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.hero-icon{font-size:2.2rem;transition:transform .3s ease;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.hero-icon:hover{transform:scale(1.3)}.hero-icon.html{color:#e34f26;filter:drop-shadow(0 0 10px #e34f26)}.hero-icon.css{color:#264de4;filter:drop-shadow(0 0 10px #264de4)}.hero-icon.js{color:#f7df1e;filter:drop-shadow(0 0 10px #f7df1e)}.hero-icon.react{color:#61dafb;filter:drop-shadow(0 0 10px #61dafb)}.hero-icon.tailwind{color:#38bdf8;filter:drop-shadow(0 0 10px #38bdf8)}.hero-icon.framer{color:#e879f9;filter:drop-shadow(0 0 10px #e879f9)}.hero-icon.threejs{color:#fff;filter:drop-shadow(0 0 10px #ffffff)}.hero-icon.node{color:#3c873a;filter:drop-shadow(0 0 10px #3c873a)}.hero-icon.express{color:#ccc;filter:drop-shadow(0 0 10px #cccccc)}.hero-icon.mongo{color:#47a248;filter:drop-shadow(0 0 10px #47a248)}.hero-icon.git{color:#f1502f;filter:drop-shadow(0 0 10px #f1502f)}.hero-icon.github{color:#fff;filter:drop-shadow(0 0 10px #ffffff)}.hero-icon.npm{color:#cb3837;filter:drop-shadow(0 0 10px #cb3837)}.hero-icon.linux{color:#f5c71a;filter:drop-shadow(0 0 10px #f5c71a)}.hero-icon.db{color:#a16eff;filter:drop-shadow(0 0 10px #a16eff)}@media (max-width: 768px){.hero-heading{font-size:2.4rem}.hero-subtext{font-size:1rem}.hero-btn{padding:.6rem 1.4rem;font-size:.95rem}.hero-icon{font-size:1.8rem}}@media (min-width: 1600px){.hero-container{max-width:1000px}.hero-heading{font-size:4.5rem}.hero-subtext{font-size:1.4rem}.hero-icon{font-size:2.5rem}}.about-section{background-color:#0c0c0c;color:#fff;padding:5rem 2rem;display:flex;justify-content:center}.about-container{display:flex;flex-wrap:wrap;gap:2.5rem;max-width:1200px;align-items:center;justify-content:center}.about-image img{width:22rem;background:none;border-radius:0;filter:drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 20px #ff00cc) contrast(1.2) brightness(1.1);transition:transform .3s ease,filter .3s ease}.about-details{max-width:700px}.about-title{font-size:2.6rem;margin-bottom:1rem;background:linear-gradient(90deg,#f0c,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-intro{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:2rem;padding-right:1rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem;font-size:1rem;color:#ddd;margin-bottom:2rem}.about-grid div{background:#ffffff08;padding:.7rem 1rem;border-radius:10px;box-shadow:0 0 8px #ffffff0d}.about-btn{display:inline-block;padding:.8rem 1.8rem;border-radius:30px;background:linear-gradient(90deg,#f0c,#0ff);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 0 15px #ff00cc4d;transition:transform .3s ease,box-shadow .3s ease}.about-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #f0c6}@media (max-width: 768px){.about-container{flex-direction:column;text-align:justify;padding:0 .1px}.about-title{text-align:center}.about-intro{font-size:1rem;padding:0 1rem}.about-grid{grid-template-columns:1fr;padding:0 1rem}.about-btn{margin-top:1.5rem;display:flex;text-align:center;justify-content:center}}.about-info-item{background:#ffffff08;padding:.7rem 1rem;border-radius:10px;box-shadow:0 0 8px #ffffff0d}.resume-tabs-section{background-color:#0a0a0a;color:#fff;padding:5rem 2rem;text-align:center}.resume-title{font-size:2.8rem;margin-bottom:2rem;background:linear-gradient(90deg,#0ff,#f0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.tabs button{background:transparent;border:2px solid #00ffff;padding:.6rem 1.5rem;font-size:1rem;color:#0ff;cursor:pointer;border-radius:999px;transition:all .3s ease}.tabs button.active,.tabs button:hover{background:linear-gradient(90deg,#0ff,#f0c);color:#000;box-shadow:0 0 10px #0ff8}.resume-content{display:grid;gap:2rem;justify-content:center;margin-bottom:3rem}.resume-card{background:#ffffff0d;border-left:4px solid #ff00cc;padding:1.5rem;border-radius:10px;text-align:left;max-width:600px;margin:0 auto;box-shadow:0 0 15px #f0c3;transition:transform .3s ease}.resume-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #f0c5}.resume-card h3{color:#0ff;font-size:1.4rem;margin-bottom:.3rem}.resume-card h4{color:#f6c;font-size:1.1rem;margin-bottom:.5rem}.resume-card .date{color:#ccc;font-size:.9rem;margin-bottom:.5rem;display:block}.resume-card p{color:#ddd;font-size:1rem;line-height:1.5}.certifications{margin-top:3rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;padding:1rem}.certifications h3{font-size:1.6rem;grid-column:1 / -1;text-align:center;background:linear-gradient(90deg,#0ff,#f0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.certifications ul{display:contents;padding:0;margin:0}.certifications li{list-style:none;background:#ffffff0d;border:1px solid #333;border-left:4px solid #00ffff;border-radius:8px;padding:1rem;text-align:left;box-shadow:0 0 10px #0ff3;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:300px}.certifications li:hover{transform:translateY(-5px);box-shadow:0 0 20px #0ff5}.certifications a{color:#0ff;font-weight:600;text-decoration:none;display:block;transition:color .3s ease}.certifications a:hover{color:#f6c}.certifications em{font-style:normal;color:#ccc;font-size:.9rem;display:block;margin-top:.3rem}@media (max-width: 768px){.tabs{flex-direction:column}.resume-card{padding:1rem}.resume-title{font-size:2rem}.certifications h3{font-size:1.3rem}}.skills-section{background:#0a0a0a;padding:5rem 2rem;text-align:center;color:#fff}.skills-section h2{font-size:2.8rem;margin-bottom:3rem;background:linear-gradient(90deg,#0ff,#f0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;justify-items:center;max-width:1000px;margin:0 auto}.skill-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 0 10px #0ff3;transition:transform .3s ease,box-shadow .3s ease;width:100%}.skill-card:hover{transform:scale(1.05);box-shadow:0 0 25px #0ff6}.skill-card .icon{font-size:2.5rem;margin-bottom:.5rem}.skill-card span{display:block;font-size:1rem;color:#ccc;margin-bottom:.5rem}.skill-bar{height:8px;background:#333;border-radius:999px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,#0ff,#f0c);transition:width 1s ease-in-out;border-radius:999px}@media (max-width: 768px){.skills-section h2{font-size:2rem}.skills-grid{gap:1.5rem}.skill-card .icon{font-size:2rem}.skill-card span{font-size:.9rem}}.projects-section{padding:6rem 2rem;background:transparent}.glow-title{font-size:2.8rem;text-align:center;margin-bottom:.8rem;background:linear-gradient(90deg,#7bc8ff,#9b6eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;font-weight:700}.filter-buttons{text-align:center;margin-bottom:2rem}.filter-buttons button{background:transparent;border:1px solid #0ff;color:#0ff;margin:0 .5rem;padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .3s}.filter-buttons button.active,.filter-buttons button:hover{background:#0ff;color:#000}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.neon-card{background:#0a0a0a99;border:2px solid transparent;border-radius:20px;padding:2rem;box-shadow:0 0 25px #0ff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;transition:transform .2s ease;will-change:transform;transform-style:preserve-3d;perspective:1000px;position:relative;overflow:hidden;cursor:pointer;transition:.3s ease}.neon-card:hover{transform:scale(1.1);box-shadow:0 0 15px #9b6eff}.neon-card:before{content:"";position:absolute;top:-50%;left:-75%;width:200%;height:200%;transform:rotate(25deg);z-index:2;pointer-events:none;animation:none;transition:opacity .3s ease}.neon-card h3{font-size:1.6rem;margin-bottom:.8rem;background:linear-gradient(90deg,#7bc8ff,#9b6eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;font-weight:700}.neon-card .desc{font-size:.95rem;color:#ccc;margin-bottom:1.2rem}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.tags span{background:#00ffff26;border:1px solid #0ff;border-radius:12px;padding:4px 10px;font-size:.75rem;color:#0ff;text-shadow:0 0 5px #0ff}.links a{color:#0ff;font-size:1.4rem;margin-right:1rem;transition:color .3s ease}.links a:hover{color:#fff}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#0a0a0a4d;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border-radius:20px;border:2px solid rgba(0,255,255,.4);box-shadow:0 0 20px #00ffff4d;padding:2rem;max-width:600px;width:90%;text-align:center;color:#fff;transition:all .3s ease}.modal-content img{max-width:100%;border-radius:12px;margin-bottom:1.2rem;box-shadow:0 0 12px #0ff3}.modal-content h3{font-size:1.8rem;text-shadow:0 0 8px #0ff;margin-bottom:.5rem}.modal-content p{font-size:1rem;color:#ccc;margin-bottom:1.2rem}.modal-content .tags span{background:#00ffff26;border:1px solid #0ff;border-radius:12px;padding:4px 10px;font-size:.75rem;color:#0ff;margin:3px;display:inline-block;text-shadow:0 0 5px #0ff}.modal-content .links{margin-top:1rem}.modal-content .links a{color:#0ff;font-size:1.4rem;margin:0 .6rem;transition:color .3s ease}.modal-content .links a:hover{color:#fff}.contact-section{padding:6rem 2rem;text-align:center}.contact-glass{max-width:600px;margin:0 auto;padding:2rem;border-radius:20px;background:#0a0a0a66;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 25px #00ffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.styled-form{display:flex;flex-direction:column;gap:1.8rem}.input-group{position:relative}.input-group input,.input-group textarea{width:100%;padding:1rem 1rem .5rem;border:1px solid rgba(0,255,255,.3);border-radius:12px;background:transparent;color:#fff;font-size:1rem;outline:none;transition:.3s}.input-group input:focus,.input-group textarea:focus{border-color:#9b6eff;box-shadow:0 0 10px #9b6eff}.input-group label{position:absolute;top:1rem;left:1rem;color:#aaa;pointer-events:none;transition:.3s ease;font-size:.95rem}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label{top:-.6rem;left:1rem;background:#000;padding:0 .5rem;font-size:.75rem;color:#0ff;border-radius:8px}.styled-form button{align-self:center;padding:.9rem 2rem;font-size:1rem;font-weight:600;color:#000;background:linear-gradient(90deg,#7bc8ff,#9b6eff);border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:.3s ease}.styled-form button:hover{transform:scale(1.05);box-shadow:0 0 12px #9b6eff}.toast-success{background:#00ffff1a;border:1px solid #0ff;color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 8px #0ff}.toast-error{background:#ff00641a;border:1px solid #f0f;color:#f0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 8px #f0f}.footer-glass{background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,255,255,.2);padding:30px 20px;text-align:center;color:#ccc;margin-top:80px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:15px}.footer-text span{color:#0ff;font-weight:700}.footer-text .hrt{color:red}.footer-icons{display:flex;gap:20px;font-size:1.6rem}.footer-icons a{color:#ccc;transition:color .3s,transform .3s}.footer-icons a:hover{color:#0ff;transform:scale(1.15)}.intro-container{position:fixed;inset:0;background:#000;z-index:9999;overflow:hidden;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center}.intro-container.fade-out{opacity:0;pointer-events:none}.ak-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:transform 3s ease;width:140px;height:140px}.ak-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px cyan);border-radius:50%}.drone-intro-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;font-family:Orbitron,sans-serif}.loader-screen{position:absolute;z-index:10;top:0;left:0;height:100%;width:100%;background:radial-gradient(ellipse at center,#000,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0fe;text-align:center;padding:2rem}.loader-text{font-size:2rem;font-weight:600;animation:flicker 1.8s infinite alternate}.typewriter-text{font-size:1.5rem;color:#fff;font-weight:700;animation:typing-blink 1s steps(1) infinite;text-shadow:0 0 8px cyan}.skip-button{margin-top:2rem;padding:.8rem 1.6rem;font-size:1rem;background:transparent;border:2px solid #00ffee;color:#0fe;border-radius:5px;cursor:pointer;transition:all .3s ease}.skip-button:hover{background:#0fe;color:#000}.blackout-overlay{position:absolute;z-index:9999;top:0;left:0;height:100%;width:100%;background:#000;animation:fadein .5s ease-in-out forwards}@keyframes flicker{0%{opacity:1;text-shadow:0 0 20px #0ff}50%{opacity:.7;text-shadow:0 0 8px #0ff}to{opacity:1;text-shadow:0 0 18px #0ff}}@keyframes typing-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadein{0%{opacity:0}to{opacity:1}}