@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}export default{rotate:"."}body{color:#fff;font-optical-sizing:auto;font-family:Orbitron,sans-serif;font-weight:weight;background:#000;font-style:normal}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0006;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0}.logo{font-size:28px;font-weight:700}.nav-links li{cursor:pointer;transition:all .3s}.nav-links li:hover{color:#0ff}.hero{width:100%;height:100vh}.profile-name{text-align:center;color:#0ff;width:100%;font-size:2rem;font-weight:700;position:absolute;bottom:100px}.intro-screen{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.intro-logo{color:#0ff;border:3px solid #0ff;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;font-size:5rem;font-weight:700;display:flex}.intro-screen h1{letter-spacing:4px;margin-top:30px}.intro-logo-img{object-fit:contain;width:220px;height:220px}.intro-screen h1{color:#fff;letter-spacing:4px;margin-top:25px}.intro-logo-img{object-fit:contain;filter:drop-shadow(0 0 25px #0ff);width:220px;height:220px}.social-icons{gap:30px;margin-top:25px;display:flex}.social-icons a{color:#fff;font-size:2rem;transition:all .3s}.social-icons a:hover{color:#0ff;transform:translateY(-5px)scale(1.2)}.intro-screen{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.intro-logo-img,.intro-screen h1,.social-icons{z-index:2;position:relative}.typing-text{color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff;z-index:2;min-height:40px;margin-top:20px;font-family:Courier New,monospace;font-size:1.2rem}.logo-wrapper{perspective:1200px}.intro-logo-img{object-fit:contain;width:240px;height:240px;transform-style:preserve-3d;filter:drop-shadow(0 0 20px #0ff)drop-shadow(0 0 40px #0ff)drop-shadow(0 0 80px #09f);transition:all .4s}.neon-ring{border:2px solid #0ff;border-radius:50%;width:280px;height:280px;animation:2s infinite pulseRing;position:absolute}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.space-navbar{z-index:999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;justify-content:space-between;align-items:center;width:90%;max-width:1400px;padding:15px 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nav-logo{object-fit:contain;filter:drop-shadow(0 0 10px #0ff)drop-shadow(0 0 20px #0ff);width:50px;height:50px}.nav-brand h2{color:#fff;font-size:1.3rem;font-weight:700}.space-navbar{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;justify-content:space-between;align-items:center;width:92%;max-width:1400px;padding:15px 25px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #00ffff26}.nav-brand{align-items:center;gap:12px;display:flex}.nav-logo{filter:drop-shadow(0 0 10px #0ff);width:50px;height:50px}.nav-brand h2{color:#fff}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:#fff;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover,.active-link{color:#0ff}.rocket-indicator{color:#0ff;animation:1.5s infinite floatRocket;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes floatRocket{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}to{transform:translate(-50%)translateY(0)}}.hamburger{color:#fff;cursor:pointer;font-size:1.5rem;display:none}@media (width<=768px){.hamburger{display:block}.nav-links{background:#000000e6;flex-direction:column;width:250px;padding:20px;display:none;position:absolute;top:80px;right:0}.nav-links.active{display:flex}}.dark{color:#fff;background:#000;min-height:100vh;transition:all .4s}.light{color:#111;background:#f5f5f5;min-height:100vh;transition:all .4s}.dark .space-navbar{background:#ffffff14}.light .space-navbar{background:#00000014}.light .space-navbar a,.light .nav-brand h2{color:#000}.dark .space-navbar a,.dark .nav-brand h2{color:#fff}.theme-btn{cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:all .3s}.theme-btn:hover{transform:rotate(25deg)scale(1.2)}.light{color:#000;background:#fff;min-height:100vh}.light .nav-brand h2,.light .nav-links a,.light .profile-name,.light h1,.light h2,.light h3,.light p{color:#000}.about-section{justify-content:center;align-items:center;min-height:100vh;padding:100px 30px;display:flex}.astronaut-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:50px;width:1100px;max-width:100%;padding:40px;display:flex;box-shadow:0 0 30px #00ffff26}.about-left{flex:1;justify-content:center;display:flex}.about-image{object-fit:cover;border:2px solid #00ffff80;border-radius:20px;width:350px;height:420px;transition:all .5s;box-shadow:0 0 20px #0ff,0 0 40px #00ffff4d}.about-image:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff,0 0 60px #0ff}.about-right h1{margin-bottom:10px;font-size:3rem}.about-right h3{color:#0ff;margin-bottom:20px}.about-right p{font-size:1.1rem;line-height:1.8}.about-stats{gap:20px;margin-top:30px;display:flex}.stat-box{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1;padding:20px}.stat-box h2{color:#0ff;margin-bottom:8px}@media (width<=900px){.astronaut-card{text-align:center;flex-direction:column}.about-image{width:250px;height:250px}.about-stats{flex-direction:column}}.skills-section{flex-direction:column;align-items:center;min-height:100vh;padding:120px 50px;display:flex}.skills-title{text-align:center;margin-bottom:60px;font-size:3rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;width:100%;max-width:1200px;display:grid}.skill-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:25px;padding:35px;transition:all .4s}.skill-card:hover{transform:translateY(-10px)scale(1.05);box-shadow:0 0 20px #0ff,0 0 40px #0ff}.skill-icon{color:#0ff;margin-bottom:20px;font-size:4rem}.skill-card h3{font-size:1.3rem}.projects-section{min-height:100vh;padding:120px 50px}.projects-title{text-align:center;margin-bottom:60px;font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;display:grid}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:25px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 0 25px #0ff,0 0 50px #0ff6}.satellite-icon{margin-bottom:20px;font-size:3rem;animation:3s ease-in-out infinite floatSatellite}.project-modal{background:#141414f2;border:1px solid #0ff;border-radius:20px;width:90%;max-width:800px;padding:30px;position:relative;box-shadow:0 0 20px #0ff,0 0 40px #00ffff4d}.project-video{border-radius:12px;margin-top:20px}.no-video{text-align:center;border:1px dashed gray;border-radius:12px;margin-top:20px;padding:20px}.project-buttons{gap:15px;margin-top:25px;display:flex}.project-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:700;text-decoration:none;transition:all .3s}.project-btn:hover{transform:translateY(-4px)}.tech-icons{flex-wrap:wrap;gap:15px;margin-top:15px;margin-bottom:15px;display:flex}.tech-icon{color:#0ff;font-size:2rem;transition:all .3s}.tech-icon:hover{color:#fff;text-shadow:0 0 10px #0ff,0 0 20px #0ff;transform:scale(1.2)}.github-btn{color:#fff;background:#24292e}.demo-btn{color:#000;background:#fff}.disabled-btn{color:#fff;cursor:not-allowed;background:gray}@keyframes floatSatellite{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.project-card h2{margin-bottom:15px}.project-card p{margin-bottom:20px;line-height:1.7}.project-tech{background:#00ffff26;border-radius:20px;margin-bottom:20px;padding:8px 15px;display:inline-block}.project-btn{color:#0ff;margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=768px){.projects-title{font-size:2rem}.projects-section{padding:100px 20px}}.contact-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px;display:flex}.contact-title{text-align:center;margin-bottom:15px;font-size:3rem}.contact-subtitle{text-align:center;opacity:.8;margin-bottom:40px}.contact-form{flex-direction:column;gap:20px;width:100%;max-width:700px;display:flex}.contact-form input,.contact-form textarea{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:inherit;background:#ffffff14;border:none;border-radius:15px;outline:none;padding:18px;font-size:1rem}.contact-form textarea{resize:none}.launch-btn{cursor:pointer;background:#0ff;border:none;border-radius:15px;padding:18px;font-size:1rem;font-weight:700;transition:all .3s}.launch-btn:hover{transform:translateY(-4px);box-shadow:0 0 20px #0ff,0 0 40px #0ff}.contact-socials{gap:25px;margin-top:40px;display:flex}.contact-socials a{color:inherit;font-size:2rem;transition:all .3s}.contact-socials a:hover{color:#0ff;transform:translateY(-5px)scale(1.2)}.contact-buttons{gap:20px;margin-top:20px;display:flex}.email-btn,.whatsapp-btn{cursor:pointer;border:none;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.email-btn{color:#000;background:#0ff}.whatsapp-btn{color:#fff;background:#25d366}.email-btn:hover,.whatsapp-btn:hover{transform:translateY(-5px)}@media (width<=768px){.contact-title{font-size:2rem}.contact-section{padding:100px 20px}}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border-top:1px solid #ffffff1a;padding:50px 20px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-brand h2{margin:10px 0}.footer-brand p{opacity:.8}.footer-logo{object-fit:contain;filter:drop-shadow(0 0 10px #0ff)drop-shadow(0 0 20px #0ff);width:70px;height:70px}.footer-socials{gap:20px;display:flex}.footer-socials a{color:inherit;font-size:2rem;transition:all .3s}.footer-socials a:hover{color:#0ff;transform:translateY(-5px)scale(1.2)}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:35px;padding-top:20px;display:flex}.heart{color:red;margin:0 5px;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.resume-section{text-align:center;padding:100px 20px}.resume-title{color:#0ff;margin-bottom:40px;font-size:3rem}.resume-buttons{justify-content:center;gap:20px;display:flex}.resume-btn,.certificate-btn,.view-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ff,#09f);border:none;border-radius:12px;padding:14px 30px;font-weight:700;text-decoration:none;transition:all .3s}.resume-btn:hover,.certificate-btn:hover,.view-btn:hover{transform:translateY(-4px);box-shadow:0 0 20px #0ff,0 0 40px #0ff}.modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.certificate-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #00ffff4d;border-radius:25px;width:90%;max-width:1100px;max-height:85vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 0 25px #00ffff4d}.certificate-modal h2{text-align:center;color:#0ff;margin-bottom:30px}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.6rem;position:absolute;top:15px;right:20px}.certificate-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.certificate-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:15px;transition:all .4s}.certificate-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 0 20px #0ff}.certificate-image{object-fit:cover;border-radius:12px;width:100%;height:200px;margin-bottom:15px}.certificate-card h3{color:#fff;margin-bottom:8px}.certificate-card p{color:#bdbdbd;margin-bottom:15px}.music-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00ffff26;border:none;border-radius:50%;width:65px;height:65px;font-size:1.6rem;transition:all .3s;box-shadow:0 0 15px #0ff,0 0 30px #0ff}.music-btn:hover{transform:scale(1.1)}.volume-popup{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border-radius:15px;flex-direction:column;gap:12px;width:220px;padding:15px;animation:.3s popup;display:flex;position:absolute;bottom:80px;right:0}.volume-popup input{cursor:pointer;width:100%}.play-btn{cursor:pointer;color:#000;background:#0ff;border:none;border-radius:10px;padding:10px;font-weight:700}@keyframes popup{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.volume-popup span{text-align:center;color:#0ff;font-size:14px}.music-controller{z-index:9999;position:fixed;bottom:30px;right:30px}.floating-dock{z-index:9999;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:120px;right:30px}.dock-btn{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.dock-btn:hover{transform:scale(1.15)}.email-btn{background:#0096ff33;box-shadow:0 0 15px #0096ff,0 0 30px #0096ff}.resume-btn{background:#ffa50033;box-shadow:0 0 15px orange,0 0 30px orange}.whatsapp-btn{background:#25d36633;box-shadow:0 0 15px #25d366,0 0 30px #25d366}.youtube-video{border:none;border-radius:15px;width:100%;height:450px;margin-top:20px}@media (width<=768px){.youtube-video{height:250px}}.education-section{flex-direction:column;align-items:center;min-height:100vh;padding:120px 30px;display:flex}.education-title{text-align:center;margin-bottom:70px;font-size:3rem}.education-timeline{width:100%;max-width:900px;position:relative}.education-timeline:before{content:"";background:#0ff;width:3px;height:100%;position:absolute;top:0;left:30px;box-shadow:0 0 15px #0ff}.education-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:25px;margin-bottom:40px;margin-left:80px;padding:30px;transition:all .4s;position:relative}.education-card:hover{transform:translateY(-8px);box-shadow:0 0 20px #0ff,0 0 40px #00ffff4d}.orbit-dot{background:#0ff;border-radius:50%;width:18px;height:18px;position:absolute;top:35px;left:-66px;box-shadow:0 0 10px #0ff,0 0 25px #0ff}.education-card h2{margin-bottom:10px}.education-card h3{color:#0ff;margin-bottom:8px}.education-card span{opacity:.8;margin-bottom:15px;display:block}.education-card p{line-height:1.7}@media (width<=768px){.education-card{margin-left:60px}.education-timeline:before{left:20px}.orbit-dot{left:-46px}}.boot{z-index:999999;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes blink{50%{opacity:0}}.loading-wrapper{width:70%;margin-top:40px;position:relative}.loading-bar{background:#111;border-radius:30px;height:10px;overflow:hidden;box-shadow:0 0 20px #00bfff}.loading-fill{background:#00bfff;height:100%;transition:all .1s}.rocket{filter:drop-shadow(0 0 10px #0ff);font-size:28px;transition:all .1s;position:absolute;top:-28px}.percent{text-align:center;color:#fff;margin-top:15px;font-size:28px;font-weight:700}.terminal-window{background:#0a0a0a;border:1px solid #00bfff;border-radius:15px;width:900px;max-width:90%;height:450px;overflow:hidden;box-shadow:0 0 40px #00bfff}.terminal-header{background:#151515;align-items:center;height:42px;padding:0 15px;display:flex}.dot{border-radius:50%;width:12px;height:12px;margin-right:8px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.terminal-title{color:#ddd;margin-left:20px;font-family:monospace;font-size:14px}.terminal-body{color:#00bfff;height:408px;padding:20px;font-family:JetBrains Mono,monospace;font-size:18px;overflow:auto}.terminal-line{margin-bottom:8px}.prompt{color:#0ff;margin-right:10px}.command{color:#0f6}.cursor{animation:.8s infinite blink}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-thumb{background:#0f8;border-radius:20px}.rocket-cursor{pointer-events:none;z-index:999999;will-change:transform;filter:drop-shadow(0 0 10px #0ff);width:37px;transition:transform 80ms linear;position:fixed;top:0;left:0}*{cursor:none}.tech-marquee-section{width:100%;margin:80px 0;overflow:hidden}.marquee{width:100%;padding:15px 0;overflow:hidden}.marquee-content{gap:18px;width:max-content;display:flex}.tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#0ff;white-space:nowrap;background:#ffffff14;border:1px solid #00ffff4d;border-radius:40px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .35s}.tag:hover{background:#00ffff26;transform:translateY(-6px)scale(1.05);box-shadow:0 0 30px #0ff}.right{animation:30s linear infinite rightMove}.left{animation:30s linear infinite leftMove}@keyframes rightMove{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes leftMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee-content{animation-play-state:paused}.tag{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:#0f142873;border:1px solid #00ffff40;align-items:center;gap:18px;width:260px;height:90px;padding:18px 24px;transition:all .45s;display:flex;position:relative;overflow:hidden}.tag-glow{opacity:.6;background:radial-gradient(circle at 0 0,#00ffff59,#0000 55%);transition:all .4s;position:absolute;inset:0}.tag:hover{border-color:#0ff;transform:translateY(-8px)scale(1.04);box-shadow:0 0 20px #0ff,0 0 60px #00ffff59}.tag:hover .tag-glow{opacity:1;transform:scale(1.2)}.tag-icon{color:#fff;justify-content:center;align-items:center;min-width:55px;font-size:40px;display:flex}.tag-text h3{margin:0;font-size:19px;font-weight:700}.tag-text p{color:#8de8ff;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:13px}.about-section{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:100px 8%;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";filter:blur(80px);background:radial-gradient(circle,#00ffff26,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;left:-150px}.about-section:after{content:"";filter:blur(90px);background:radial-gradient(circle,#008cff26,#0000 70%);width:450px;height:450px;position:absolute;bottom:-100px;right:-150px}.astronaut-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:60px;width:100%;max-width:1350px;padding:60px;transition:all .5s;display:flex;box-shadow:0 0 40px #00ffff26}.astronaut-card:hover{transform:translateY(-8px);box-shadow:0 0 60px #00ffff59}.about-left{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.about-left:before{content:"";border:2px dashed #00ffff80;border-radius:50%;width:420px;height:420px;animation:25s linear infinite orbit;position:absolute}.about-left:after{content:"";border:2px solid #008cff26;border-radius:50%;width:520px;height:520px;animation:40s linear infinite orbitReverse;position:absolute}.about-image{object-fit:cover;z-index:2;border:6px solid #0ff;border-radius:50%;width:350px;height:350px;transition:all .5s;box-shadow:0 0 40px #0ff,0 0 80px #0ff6}.about-image:hover{transform:scale(1.05)}.about-right{flex:1.4}.about-right h1{color:#0ff;text-shadow:0 0 20px #0ff;margin-bottom:10px;font-size:3rem}.about-right h3{color:#7ee8ff;margin-bottom:25px;font-size:1.3rem;font-weight:500}.about-right p{color:#d9d9d9;text-align:justify;margin-bottom:18px;font-size:17px;line-height:1.9}.about-stats{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.stat-box{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #0ff3;border-radius:20px;padding:25px;transition:all .4s}.stat-box:hover{border-color:#0ff;transform:translateY(-8px);box-shadow:0 0 30px #0ff}.stat-box h2{color:#0ff;margin-bottom:10px;font-size:2.4rem}.stat-box span{color:#fff;font-size:1rem}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (width<=1100px){.astronaut-card{text-align:center;flex-direction:column}.about-right p{text-align:center}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.about-image{width:260px;height:260px}.about-left:before{width:320px;height:320px}.about-left:after{width:380px;height:380px}.about-right h1{font-size:2.2rem}.about-right h3{font-size:1.1rem}.about-stats{grid-template-columns:1fr}}:root{--bg-card:#101522;--bg-icon:#151d2e;--color-primary:#00e5ff;--color-text-main:#fff;--color-text-muted:#9ca3af;--border-color:#ffffff14;--glow-effect:0 10px 30px #00e5ff4d;--transition-smooth:all .4s cubic-bezier(.25, .8, .25, 1)}.skills-section{box-sizing:border-box;width:100%;padding:100px 6%}.skills-header{text-align:center;margin-bottom:60px}.skills-title{color:var(--color-text-main);letter-spacing:-.5px;margin-bottom:15px;font-size:50px;font-weight:700}.skills-subtitle{color:var(--color-text-muted);font-size:18px}.categories-container{flex-direction:column;gap:60px;display:flex}.category-title{color:var(--color-primary);margin-bottom:25px;font-size:28px;font-weight:600;display:inline-block;position:relative}.category-title:after{content:"";background:var(--color-primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:-6px;left:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:35px 20px;position:relative;overflow:hidden}.skill-card:before{content:"";background:linear-gradient(45deg,#0000,#00e5ff1a,#0000);width:300%;height:300%;transition:all .8s;position:absolute;top:-150%;left:-150%;transform:rotate(35deg)}.skill-card:hover:before{top:100%;left:100%}.skill-card:hover{box-shadow:var(--glow-effect);border-color:var(--color-primary);transform:translateY(-10px)}.skill-icon-wrapper{background:var(--bg-icon);border:1px solid var(--border-color);width:85px;height:85px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.skill-card:hover .skill-icon-wrapper{border-color:var(--color-primary);transform:rotate(360deg)scale(1.05);box-shadow:0 0 20px #00e5ff33}.skill-icon{justify-content:center;align-items:center;font-size:45px;display:flex}.skill-info h3{color:var(--color-text-main);margin-bottom:12px;font-size:20px;font-weight:600}.skill-level-badge{color:var(--color-primary);transition:var(--transition-smooth);background:#00e5ff0f;border:1px solid #00e5ff40;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-block}.skill-card:hover .skill-level-badge{border-color:var(--color-primary);background:#00e5ff26}@media (width<=768px){.skills-section{padding:60px 5%}.skills-grid{grid-template-columns:repeat(2,1fr);gap:20px}.skills-title{font-size:38px}}@media (width<=480px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:25px 15px}}.project-image{border-radius:20px;width:100%;height:220px;margin-bottom:20px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.project-card:hover .project-image img{transform:scale(1.08)}.modal-project-image{object-fit:cover;border-radius:20px;width:100%;height:280px;margin-bottom:20px}