:root{--bg-primary: #020610;--bg-secondary: #080d1a;--bg-card: rgba(13, 17, 28, .55);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #8b5cf6;--accent-secondary: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-glow: rgba(99, 102, 241, .15);--accent-glow-strong: rgba(139, 92, 246, .35);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .2);--glass-blur: 16px;--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--card-shadow-hover: 0 20px 40px -15px rgba(139, 92, 246, .25);--container-max: 1200px;--page-padding: 1.5rem}.light{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .7);--border-color: rgba(15, 23, 42, .08);--border-hover: rgba(15, 23, 42, .16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-gradient-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--accent-glow: rgba(79, 70, 229, .08);--accent-glow-strong: rgba(124, 58, 237, .18);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--success-border: rgba(5, 150, 105, .15);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .05);--card-shadow-hover: 0 20px 40px -15px rgba(79, 70, 229, .15)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent}html{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--page-padding)}h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.3;letter-spacing:-.01em}h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600}h4{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600}p,li,a{font-size:clamp(.95rem,1.2vw,1.1rem);color:var(--text-secondary)}img,picture,video,svg{max-width:100%;height:auto;display:block}.row{display:flex;flex-wrap:wrap;gap:1.5rem}.col{flex:1 1 0%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}@keyframes slideIn{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){:root{--page-padding: 1rem}}section{scroll-margin-top:5.5rem;padding:5rem 0}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) 1.5px,transparent 1.5px);background-size:24px 24px;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.section-title{text-align:center;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;margin-bottom:3.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;left:30%;right:30%;bottom:-10px;height:4px;background:var(--accent-gradient);border-radius:99px}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:var(--card-shadow);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.navbar{height:4.5rem;width:calc(100% - 2rem);max-width:var(--container-max);margin:1rem auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:1rem;z-index:999;border-radius:16px;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:all .3s ease}.navbar:hover{border-color:var(--border-hover)}.fixed-right-icons{display:flex;align-items:center;gap:.75rem}.desktopMenu{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;gap:1.5rem;margin-right:1.5rem}.desktopMenuListItem{font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;padding:.5rem 0;transition:color .3s ease}.desktopMenuListItem:hover{color:var(--text-primary)}.desktopMenuListItem:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background:var(--accent-gradient);transition:width .3s ease-out;border-radius:4px}.desktopMenuListItem:hover:after,.active.desktopMenuListItem:after{width:100%}.active.desktopMenuListItem{color:var(--accent-primary)}.desktopMenuBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--border-color)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;cursor:pointer;transition:all .3s ease}.desktopMenuBtn:hover{background:var(--accent-gradient)!important;color:#fff!important;border-color:transparent!important;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow-strong)}.mobMenuToggle{display:none!important}.buttonContainer{position:fixed;bottom:2rem;right:2rem;z-index:1000}.scrollToTop{display:none;width:45px;height:45px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);padding:.5rem;cursor:pointer;box-shadow:var(--card-shadow);transition:all .3s ease}.scrollToTop:hover{background:var(--accent-gradient);border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 20px var(--accent-glow-strong)}.scrollToTop img{height:100%;width:100%;filter:var(--svg-filter);transition:filter .3s ease}.scrollToTop:hover img{filter:brightness(0) invert(1)}.navMenu{position:fixed;top:6.5rem;right:1rem;width:calc(100% - 2rem);max-width:320px;border-radius:20px;padding:1.5rem;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:998}.navMenu.open{opacity:1;transform:translateY(0);pointer-events:all}.ListItem{display:flex;align-items:center;justify-content:center;padding:.8rem;margin:.5rem 0;border-radius:12px;color:var(--text-secondary);font-weight:500;transition:all .2s ease;cursor:pointer}.ListItem:hover,.active.ListItem{background:var(--accent-gradient);color:#fff}.mobileMenuThemeToggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}@media (max-width: 768px){.navbar{width:calc(100% - 1.5rem);margin:.75rem auto;padding:0 1.25rem}.desktopMenu,.desktopMenuBtn,.desktopThemeToggle{display:none!important}.mobMenuToggle{display:flex!important;color:var(--text-primary)!important}}.name-badge{display:inline-block;padding:.6rem 1.25rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.name-badge:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-glow-strong)}.name-badge .gradient-text{font-weight:800;font-size:1.1rem;letter-spacing:-.01em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 480px){.name-badge{padding:.4rem 1rem}}.about-section{max-width:var(--container-max);margin:0 auto;padding:5rem var(--page-padding)}.about-container{display:flex;flex-direction:column;gap:3.5rem}.about-who-i-am{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:24px;padding:3rem;box-shadow:var(--card-shadow);transition:all .3s ease;text-align:left}.about-who-i-am:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.about-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.about-header .about-icon{font-size:2rem;color:var(--accent-primary)}.about-who-i-am h2{margin:0;font-size:2.2rem;font-weight:800;color:var(--text-primary)}.about-tagline{font-size:1.25rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.25rem}.about-description{font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-stat-box{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:center;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.16,1,.3,1)}.about-stat-box:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.about-stat-box h3{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.about-stat-box p{font-size:1rem;font-weight:500;color:var(--text-secondary)}.about-expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.expertise-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(255,255,255,.02) 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:20px;padding:2.25rem;text-align:left;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.expertise-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.expertise-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.expertise-card:hover:before{transform:scaleX(1)}.expertise-card .expertise-icon{font-size:2.2rem;color:var(--accent-primary);margin-bottom:1.25rem}.expertise-card h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.expertise-card p{font-size:.95rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 992px){.about-stats-grid{grid-template-columns:1fr;gap:1rem}.about-who-i-am{padding:2rem}}@media (max-width: 768px){.about-section{padding:4rem 1rem}.about-who-i-am h2{font-size:1.8rem}}#contactPage{max-width:var(--container-max);margin:0 auto;padding:5rem var(--page-padding)}#contact{display:flex;flex-direction:column;align-items:center;text-align:center}.contactPageTitle{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.contactDesc{max-width:500px;font-size:1.05rem;color:var(--text-secondary);margin-bottom:2.5rem}.contactForm{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.25rem;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:var(--card-shadow);transition:all .3s ease}.contactForm:hover{border-color:var(--border-hover)}.contactForm input,.contactForm textarea{width:100%;font-family:var(--font-family);font-size:.95rem;font-weight:500;padding:1rem 1.25rem;border-radius:12px;background:#00000026;border:1px solid var(--border-color);color:var(--text-primary);transition:all .25s cubic-bezier(.16,1,.3,1);outline:none}.light .contactForm input,.light .contactForm textarea{background:#fffc}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--accent-primary);background:#00000040;box-shadow:0 0 0 3px var(--accent-glow)}.light .contactForm input:focus,.light .contactForm textarea:focus{background:#fff}.contactForm textarea{resize:vertical;min-height:150px}.submitBtn{width:100%;padding:1rem;border-radius:12px;background:var(--accent-gradient);border:1px solid transparent;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px var(--accent-glow);display:flex;align-items:center;justify-content:center;gap:.5rem}.submitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow-strong);opacity:.95}.links{display:flex;justify-content:center;gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .3s ease;font-size:1.25rem}.link:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 4px 12px var(--accent-glow-strong)}.contactInfo{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap;width:100%;max-width:600px}.infoItem{display:inline-flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.infoItem:hover{color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.infoIcon{color:var(--accent-primary);font-size:1.1rem;transition:transform .3s ease}.infoItem:hover .infoIcon{transform:scale(1.1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{width:100%;padding:2rem 1rem;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.9rem;color:var(--text-secondary);border-top:1px solid var(--border-color);background:var(--bg-secondary);transition:all .3s ease;margin-top:auto}.footer.light,.footer.dark{background:var(--bg-secondary)}.hero{display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem;width:100%;min-height:90vh;position:relative;overflow:hidden;background-color:var(--bg-primary)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(circle at bottom left,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:800px;z-index:10;animation:slideUp .8s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content h1{font-size:clamp(3.5rem,8vw,5.5rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin-top:2rem;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-content h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline-container{margin-bottom:2.5rem}.hero-tagline{margin-bottom:0!important;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:500;color:var(--text-secondary)}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.05rem;font-weight:600;padding:1rem 2.2rem;border-radius:99px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;border:none;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 25px var(--accent-glow-strong)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--text-primary);transform:translateY(-4px)}.hero-socials{display:flex;justify-content:center;gap:1.5rem}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-card);color:var(--text-secondary);font-size:1.5rem;border:1px solid var(--border-color);transition:all .3s ease}.social-icon:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-4px) rotate(10deg)}@media (max-width: 768px){.hero{padding:4rem 1rem}.hero-buttons{flex-direction:column;gap:1rem}.btn{width:100%;max-width:320px}}.project-section-container{max-width:var(--container-max);margin:0 auto;padding:5rem var(--page-padding)}.featured-wrapper{width:100%}.project-filters{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:99px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 15px var(--accent-glow-strong)}.glass-box{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:var(--card-shadow);transition:all .3s ease}.glass-box:hover{border-color:var(--border-hover)}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem}.project-card{display:flex;flex-direction:column;background:#ffffff05;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-align:left}.project-card:hover{transform:translateY(-6px);border-color:var(--accent-primary);box-shadow:0 10px 30px -10px var(--accent-glow-strong)}.project-category{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .8rem;border-radius:20px;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);margin-bottom:1.25rem}.featured-badge{position:absolute;top:1.5rem;right:1.5rem;font-size:.7rem;font-weight:700;background:var(--accent-gradient);color:#fff;padding:.25rem .75rem;border-radius:99px;box-shadow:0 4px 10px #00000026}.project-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.project-image-container{width:100%;height:180px;border-radius:10px;overflow:hidden;background:#0003;border:1px solid var(--border-color);margin-bottom:1.25rem}.project-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-thumbnail{transform:scale(1.06)}.project-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.box-descrition{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.project-links{display:flex;gap:.75rem}.project-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--border-color);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s ease}.project-links a:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow-strong)}.show-more-btn{background:var(--accent-gradient);color:#fff;padding:.8rem 2.2rem;border:none;border-radius:99px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px var(--accent-glow);margin-top:2.5rem}.show-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow-strong);opacity:.95}@media (max-width: 768px){.glass-box{padding:1.5rem 1rem}}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag-chip{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:8px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s ease}.project-tag-chip:hover{background:var(--accent-gradient);color:#fff;border-color:transparent}.light .project-tag-chip{background:#0f172a0a}.skills-section{max-width:var(--container-max);margin:0 auto;padding:5rem var(--page-padding)}.skills-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.5rem}.skills-category-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:20px;padding:2.25rem;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.skills-category-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--card-shadow-hover)}.skills-category-card h3{font-size:1.35rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.75rem;position:relative}.skills-category-card h3:after{content:"";position:absolute;left:0;bottom:-1px;width:40px;height:2px;background:var(--accent-gradient);border-radius:99px}.skills-tags{display:flex;flex-wrap:wrap;gap:.6rem}.skill-tag{font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;background:#ffffff08;border:1px solid var(--border-color);transition:all .25s cubic-bezier(.16,1,.3,1);color:var(--text-secondary);cursor:default}.skill-tag:hover{transform:translateY(-2px) scale(1.05);color:#fff}.skill-tag.lang{color:#fbbf24;border-color:#fbbf2426;background:#fbbf240d}.skill-tag.lang:hover{background:#fbbf24;box-shadow:0 4px 12px #fbbf2440;border-color:transparent}.skill-tag.front{color:#38bdf8;border-color:#38bdf826;background:#38bdf80d}.skill-tag.front:hover{background:#38bdf8;box-shadow:0 4px 12px #38bdf840;border-color:transparent}.skill-tag.back{color:#34d399;border-color:#34d39926;background:#34d3990d}.skill-tag.back:hover{background:#34d399;box-shadow:0 4px 12px #34d39940;border-color:transparent}.skill-tag.realtime{color:#a78bfa;border-color:#a78bfa26;background:#a78bfa0d}.skill-tag.realtime:hover{background:#a78bfa;box-shadow:0 4px 12px #a78bfa40;border-color:transparent}.skill-tag.db{color:#f472b6;border-color:#f472b626;background:#f472b60d}.skill-tag.db:hover{background:#f472b6;box-shadow:0 4px 12px #f472b640;border-color:transparent}.skill-tag.tool{color:#94a3b8;border-color:#94a3b826;background:#94a3b80d}.skill-tag.tool:hover{background:#94a3b8;box-shadow:0 4px 12px #94a3b840;border-color:transparent}.light .skill-tag{background:#0f172a05}.light .skill-tag:hover{color:#fff}