/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.static{position:static}.container{width:100%}.hidden{display:none}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}:root{--primary-blue:#4f46e5;--secondary-purple:#7c3aed;--dark-bg:#0f172a;--darker-bg:#020617;--card-bg:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.gradient-bg{background:linear-gradient(135deg,var(--primary-blue)0%,var(--secondary-purple)100%)}.hero-gradient{background:linear-gradient(135deg,#667eea,#764ba2);align-items:center;min-height:100vh;display:flex}.navbar-glassmorphism{-webkit-backdrop-filter:blur(20px);z-index:1000;background:linear-gradient(#000000e6,#ffffffe6);border-bottom:1px solid #ffffff1a;width:100%;padding:1rem 0;transition:all .3s;position:fixed;top:0}.navbar-glassmorphism.navbar-scrolled{-webkit-backdrop-filter:blur(25px);background:linear-gradient(#000000f2,#fffffff2);border-bottom:1px solid #94a3b84d;box-shadow:0 8px 32px #0003}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f172acc;border-bottom:1px solid #94a3b81a;width:100%;padding:1rem 0;position:fixed;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-nav{gap:2rem;list-style:none;display:flex}.navbar-nav a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.navbar-nav a:hover{color:var(--primary-blue)}.hero-section-clean{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);justify-content:center;align-items:center;min-height:100vh;padding:8rem 0 2rem;display:flex;position:relative}.hero-container-clean{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.hero-left{flex:1;justify-content:center;align-items:center;display:flex}.profile-image-container{position:relative}.profile-gradient-ring{background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);border-radius:50%;width:320px;height:320px;padding:8px;position:relative}.profile-gradient-ring:before{content:"";filter:blur(20px);z-index:-1;background:linear-gradient(45deg,#3b82f64d,#8b5cf64d,#ec48994d,#f59e0b4d);border-radius:50%;position:absolute;inset:-20px}.profile-glow-ring{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:50%;width:320px;height:320px;padding:6px;position:relative;box-shadow:0 0 40px #667eea66,0 0 80px #764ba24d,0 0 120px #f093fb33}.profile-glow-ring:before{content:"";filter:blur(25px);z-index:-1;background:linear-gradient(135deg,#667eea33,#764ba233,#f093fb33);border-radius:50%;position:absolute;inset:-20px}.profile-glow-ring:after{content:"";filter:blur(40px);z-index:-2;background:linear-gradient(135deg,#667eea1a,#764ba21a,#f093fb1a);border-radius:50%;position:absolute;inset:-35px}.profile-image-static{-o-object-fit:cover;object-fit:cover;z-index:10;border:4px solid #fff;border-radius:50%;width:100%;height:100%;transition:all .3s;position:relative;box-shadow:0 0 20px #3b82f699,0 0 40px #8b5cf666,0 0 60px #ec48994d,0 0 80px #f59e0b33}.profile-image-static:hover{transform:scale(1.02);box-shadow:0 0 30px #3b82f6cc,0 0 60px #8b5cf699,0 0 90px #ec489980,0 0 120px #f59e0b4d}.hero-right{flex:1;max-width:600px}.hero-content-main{color:#1e293b}.hero-name-gradient{margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:1.1}.name-blue{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text}.name-purple{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.hero-subtitle-clean{color:#64748b;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.hero-description-clean{color:#475569;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-description-clean strong{color:#1e293b;font-weight:600}.skills-tags{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.skill-tag{border:1px solid;border-radius:25px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500}.skill-blue{color:#1d4ed8;background:linear-gradient(45deg,#3b82f61a,#1d4ed81a);border-color:#3b82f6}.skill-purple{color:#7c3aed;background:linear-gradient(45deg,#8b5cf61a,#7c3aed1a);border-color:#8b5cf6}.skill-pink{color:#db2777;background:linear-gradient(45deg,#ec48991a,#db27771a);border-color:#ec4899}.social-links-clean{gap:1rem;margin-bottom:2.5rem;display:flex}.social-link-clean{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a}.social-link-clean:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.hero-buttons-clean{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary-gradient{color:#fff;cursor:pointer;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border:none;border-radius:30px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-secondary-clean{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 1px 3px #0000001a}.btn-secondary-clean:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.hero-content-centered{text-align:center;max-width:600px;margin:0 auto;padding:2rem}.profile-section{margin-bottom:2rem}.profile-gradient-ring-centered{background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899);border-radius:50%;width:200px;height:200px;margin:0 auto;padding:6px;position:relative;box-shadow:0 20px 40px #3b82f64d}.profile-gradient-ring-centered:before{content:"";filter:blur(15px);z-index:-1;background:linear-gradient(45deg,#3b82f633,#8b5cf633,#ec489933);border-radius:50%;position:absolute;inset:-15px}.hero-text-content{color:#1e293b}.hero-name-centered{margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1}.hero-subtitle-centered{color:#64748b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.hero-description-centered{color:#475569;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.7}.hero-description-centered strong{color:#1e293b;font-weight:600}.skills-tags-centered{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.social-links-centered{justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.social-link-icon{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a}.social-link-icon:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.hero-buttons-centered{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-secondary-outline{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:30px;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary-outline:hover{background:#f8fafc;border-color:#64748b;transform:translateY(-2px)}@media (max-width:768px){.hero-container-clean{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1rem}.profile-gradient-ring{width:250px;height:250px}.profile-gradient-ring-centered{width:160px;height:160px}.hero-name-gradient,.hero-name-centered{font-size:3rem}.hero-buttons-clean,.skills-tags,.social-links-clean{justify-content:center}}@media (max-width:480px){.profile-gradient-ring{width:200px;height:200px}.hero-name-gradient{font-size:2.5rem}.hero-subtitle-clean{font-size:1.25rem}.hero-description-clean{font-size:1rem}}.hero-section{text-align:center;padding:8rem 0 4rem}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-profile{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));border-radius:50%;width:200px;height:200px;margin:0 auto 2rem;padding:4px}.hero-profile img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.hero-title{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:1.5rem}.hero-description{color:var(--text-muted);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.hero-tags{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.tag{border:1px solid var(--primary-blue);color:var(--primary-blue);background:#4f46e533;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--secondary-purple);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 2rem;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{background:var(--text-primary);color:var(--dark-bg)}.section{padding:4rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.about-grid{grid-template-columns:1fr 300px;align-items:start;gap:3rem;display:grid}.about-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;padding:2rem}.about-card h3{color:var(--primary-blue);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.about-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.about-image{text-align:center}.about-image img{border-radius:12px;width:100%;margin-bottom:1rem}.developer-tag{background:var(--primary-blue);color:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;display:inline-block}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.info-card h4{color:var(--primary-blue);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.info-item{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;display:flex}.info-item strong{color:var(--text-primary)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.category-card{background:var(--card-bg);text-align:center;border:1px solid #94a3b81a;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.category-card:before{content:"";background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));height:4px;position:absolute;top:0;left:0;right:0}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.category-image{margin-bottom:1.5rem}.category-emoji{font-size:3rem;display:block}.category-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.category-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.detailed-skills{margin-bottom:4rem}.navbar-clean{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-bottom:1px solid #0000000d;width:100%;padding:1rem 0;transition:all .3s;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.navbar-container-clean{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand-clean{letter-spacing:-.5px;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.brand-name-clean{color:#1e293b}.brand-surname-clean{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.navbar-nav-clean{align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-nav-clean li a{color:#64748b;padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar-nav-clean li a:after{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-nav-clean li a:hover{color:#1e293b}.navbar-nav-clean li a:hover:after{width:100%}.navbar-nav-clean li a.active{color:#3b82f6}.navbar-nav-clean li a.active:after{width:100%}@media (max-width:768px){.navbar-container-clean{padding:0 1.5rem}.navbar-brand-clean{font-size:1.25rem}.navbar-nav-clean{gap:1.5rem}.navbar-nav-clean li a{font-size:.9rem}}@media (max-width:640px){.navbar-container-clean{flex-direction:column;gap:1rem;padding:0 1rem}.navbar-clean{padding:.75rem 0}.navbar-nav-clean{flex-wrap:wrap;justify-content:center;gap:1rem}.navbar-nav-clean li a{font-size:.85rem}}@media (max-width:480px){.navbar-brand-clean{font-size:1.1rem}.navbar-nav-clean{gap:.75rem}.navbar-nav-clean li a{font-size:.8rem}}.skills-category{margin-bottom:3rem}.category-section-title{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:1.5rem;position:relative}.category-section-title:after{content:"";background:var(--primary-blue);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.modern-skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.modern-skill-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;padding:1.5rem;transition:all .3s}.modern-skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.skill-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.skill-icon-modern{background:var(--primary-blue);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.skill-name-modern{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.skill-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.skill-level-modern{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.skill-bar-modern{background:#94a3b833;border-radius:3px;width:100%;height:6px;overflow:hidden}.skill-progress-modern{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));border-radius:3px;height:100%;transition:width .8s}.core-tools-section{background:var(--card-bg);text-align:center;border:1px solid #94a3b81a;border-radius:16px;margin-bottom:3rem;padding:2.5rem}.tools-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.tools-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.core-tool-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.core-tool-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:transform .3s;display:flex}.core-tool-icon:hover{transform:scale(1.1)}.core-tool-name{color:var(--text-secondary);font-size:.85rem;font-weight:500}.learning-journey{text-align:center;background:linear-gradient(45deg,#3b82f60d,#8b5cf60d);border:1px solid #94a3b81a;border-radius:16px;padding:2.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{width:0%}to{width:var(--target-width)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.category-grid-simple{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.category-card-simple{background:var(--card-bg);text-align:center;border:1px solid #94a3b81a;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.category-card-simple:before{content:"";background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));height:4px;position:absolute;top:0;left:0;right:0}.category-card-simple:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.category-icon-simple{color:var(--primary-blue);margin-bottom:1.5rem;animation:3s ease-in-out infinite float}.category-title-simple{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.category-description-simple{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.skills-showcase{margin-bottom:4rem}.skill-category-section{margin-bottom:3rem}.skill-category-title{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:1.5rem;position:relative}.skill-category-title:after{content:"";background:var(--primary-blue);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.skills-grid-animated{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.skill-card-animated{background:var(--card-bg);opacity:0;border:1px solid #94a3b81a;border-radius:12px;padding:1.5rem;transition:all .3s;transform:translateY(20px)}.skill-card-animated.visible{opacity:1;animation:.6s ease-out forwards fadeInUp;transform:translateY(0)}.skill-card-animated:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.skill-header-animated{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.skill-icon-animated{background:var(--primary-blue);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.skill-card-animated:hover .skill-icon-animated{animation:1s ease-in-out pulse}.skill-info-animated{flex:1}.skill-name-animated{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.skill-description-animated{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.skill-progress-container{margin-top:1rem}.skill-level-text{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.skill-percentage{color:var(--primary-blue);font-weight:600}.skill-bar-animated{background:#94a3b833;border-radius:3px;width:100%;height:6px;overflow:hidden}.skill-progress-animated{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));border-radius:3px;width:0%;height:100%;transition:width 1.2s ease-out}.skills-stats{background:var(--card-bg);text-align:center;border:1px solid #94a3b81a;border-radius:16px;padding:2.5rem}.stats-grid-simple{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;display:grid}.stat-item-simple{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-icon-simple{font-size:2rem;animation:3s ease-in-out infinite float}.stat-number-simple{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-label-simple{color:var(--text-secondary);font-size:.9rem}.projects-section-simple{background:#fff;padding:5rem 0}.projects-header-simple{text-align:center;margin-bottom:3rem}.projects-title-simple{color:#1a202c;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.projects-subtitle-simple{color:#718096;max-width:600px;margin:0 auto;font-size:1.1rem}.projects-grid-simple{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.project-card-simple{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s}.project-card-simple:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-title{color:#1a202c;flex:1;margin:0;font-size:1.25rem;font-weight:600}.project-status{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.project-status.completed{color:#155724;background:#d4edda}.project-status.in-progress{color:#856404;background:#fff3cd}.project-description{color:#4a5568;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.project-technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{color:#4a5568;background:#edf2f7;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.project-actions{gap:.75rem;display:flex}.project-btn{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.project-btn:hover{color:#2d3748;background:#f7fafc;border-color:#cbd5e0}.demo-btn:hover{color:#fff;background:#3182ce;border-color:#3182ce}.projects-footer{text-align:center;border-top:1px solid #e2e8f0;padding-top:2rem}.coming-soon{color:#718096;margin-bottom:1rem}.view-all-btn{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem 2rem;font-weight:500;transition:all .2s}.view-all-btn:hover{background:#f7fafc;border-color:#cbd5e0}.project-card-enhanced:hover{border-color:#3b82f666;transform:translateY(-15px)rotateX(5deg);box-shadow:0 25px 50px #0000004d,0 0 40px #3b82f64d,0 0 80px #8b5cf633}.project-image-enhanced{background:linear-gradient(135deg,#1e293b,#334155);height:280px;position:relative;overflow:hidden}.project-img{-o-object-fit:cover;object-fit:cover;border-radius:16px 16px 0 0;width:100%;height:100%;transition:all .5s}.project-card-enhanced:hover .project-img{transform:scale(1.1)rotate(2deg)}.project-overlay-gradient{opacity:0;background:linear-gradient(135deg,#3b82f6cc,#8b5cf699,#ec489966);transition:opacity .4s;position:absolute;inset:0}.project-card-enhanced:hover .project-overlay-gradient{opacity:.9}.project-actions-overlay{opacity:0;z-index:10;gap:1rem;transition:all .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card-enhanced:hover .project-actions-overlay{opacity:1;transform:translate(-50%,-50%)scale(1)}.action-btn{color:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;transform:translateY(10px);box-shadow:0 4px 20px #0003}.action-btn:hover{color:#fff;background:#3b82f6;transform:translateY(0);box-shadow:0 8px 25px #3b82f666}.live-btn{animation-delay:.1s}.code-btn{animation-delay:.2s}.project-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:1rem;left:1rem}.status-completed{color:#fff;background:#22c55ee6}.status-progress{color:#fff;background:#f59e0be6}.status-ongoing{color:#fff;background:#3b82f6e6}.featured-badge{color:#1e293b;z-index:5;background:#ffd700e6;border-radius:15px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:1rem;right:1rem}.project-content-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf2;padding:2rem;position:relative}.project-header-enhanced{margin-bottom:1rem}.project-meta{margin-bottom:.5rem}.project-category-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:12px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.project-title-card{color:#1e293b;margin:0;font-size:1.4rem;font-weight:700;line-height:1.3}.project-description-enhanced{color:#475569;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.project-tech-stack{margin-bottom:2rem}.tech-stack-header{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.tech-tags-container{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag-enhanced{color:#3b82f6;opacity:0;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .3s;animation:.5s ease-out forwards slideInLeft;transform:translate(-10px)}.tech-tag-enhanced:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-2px)}.project-footer-enhanced{border-top:1px solid #cbd5e14d;padding-top:1.5rem}.project-links-enhanced{gap:1rem;display:flex}.project-link-enhanced{border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-link-enhanced.primary{color:#fff;background:linear-gradient(45deg,#3b82f6,#8b5cf6);flex:1}.project-link-enhanced.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.project-link-enhanced.secondary{color:#64748b;background:#94a3b81a;border:1px solid #94a3b84d}.project-link-enhanced.secondary:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-2px)}.link-arrow{transition:transform .3s}.project-link-enhanced:hover .link-arrow{transform:translate(3px)}.projects-stats-enhanced{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:24px;margin-bottom:4rem;padding:3rem;position:relative;overflow:hidden}.projects-stats-enhanced:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);height:4px;position:absolute;top:0;left:0;right:0}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.stat-item-enhanced{text-align:left;align-items:center;gap:1rem;display:flex}.stat-icon-container{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.stat-content{flex:1}.stat-number{color:#fff;margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1;display:block}.stat-label{color:#94a3b8;font-size:.95rem;font-weight:500}.projects-cta-enhanced{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf2;border:1px solid #cbd5e14d;border-radius:24px;padding:4rem 2rem;position:relative;overflow:hidden}.projects-cta-enhanced:before{content:"";background:conic-gradient(#0000,#3b82f61a,#0000);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}.cta-content{z-index:2;position:relative}.cta-icon-container{margin-bottom:2rem}.cta-icon{font-size:4rem;animation:2s infinite bounce}.cta-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-description{color:#475569;max-width:600px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.6}.cta-btn-primary,.cta-btn-secondary{border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.cta-btn-primary{color:#fff;background:linear-gradient(45deg,#3b82f6,#8b5cf6);box-shadow:0 4px 20px #3b82f64d}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3b82f666}.cta-btn-secondary{color:#64748b;background:#94a3b81a;border:2px solid #94a3b84d}.cta-btn-secondary:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-3px)}.btn-arrow{transition:transform .3s}.cta-btn-primary:hover .btn-arrow{transform:translate(5px)}@keyframes expandLine{0%{width:0}to{width:60px}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1024px){.projects-grid-enhanced{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.projects-title-enhanced{font-size:3rem}}@media (max-width:768px){.projects-section-enhanced{padding:6rem 0 4rem}.projects-title-enhanced{font-size:2.5rem}.projects-grid-enhanced{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.filter-container{flex-direction:column;align-items:center;gap:.5rem}.stats-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn-primary,.cta-btn-secondary{justify-content:center;width:100%;max-width:300px}}@media (max-width:480px){.project-image-enhanced{height:200px}.project-content-enhanced{padding:1.5rem}.projects-title-enhanced,.cta-title{font-size:2rem}.stats-container{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;padding:1.5rem}.contact-card h3{color:var(--primary-blue);margin-bottom:1rem}.contact-item{color:var(--text-secondary);align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contact-icon{width:40px;height:40px;color:var(--primary-blue);background:#4f46e533;border-radius:8px;justify-content:center;align-items:center;display:flex}.contact-form{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;padding:2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;display:block}.form-group input,.form-group textarea{background:var(--dark-bg);width:100%;color:var(--text-primary);border:1px solid #94a3b84d;border-radius:8px;padding:.75rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none}.contact-section-modern{background:linear-gradient(135deg,#4a5568,#2d3748,#1a202c);align-items:center;min-height:100vh;padding:4rem 0;display:flex}.contact-header{text-align:center;margin-bottom:4rem}.contact-title-modern{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:700}.contact-subtitle-modern{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.contact-cards-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid}.contact-info-card{background:#fff;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000001a}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.contact-form-card{background:#fff;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000001a}.contact-form-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-title{color:#1a202c;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.contact-info-item{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.contact-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-info-item-compact{border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.contact-info-item-compact:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-info-card.enhanced{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.contact-info-card.enhanced:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:4px;position:absolute;top:0;left:0;right:0}.card-header-enhanced{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem}.card-icon-large{margin-bottom:.75rem;font-size:2.5rem;display:block}.card-subtitle{color:#64748b;margin:.5rem 0 0;font-size:.9rem;font-weight:400}.contact-info-item-enhanced{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding:1.25rem;transition:all .3s;display:flex}.contact-info-item-enhanced:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.contact-info-item-enhanced:last-child{margin-bottom:1rem}.contact-info-item-enhanced .contact-info-icon{border-radius:10px;width:45px;height:45px;font-size:1.3rem;box-shadow:0 4px 12px #00000026}.contact-info-item-enhanced .contact-info-content{flex:1}.contact-info-item-enhanced .contact-info-content h4{color:#1e293b;margin-bottom:.4rem;font-size:1rem;font-weight:600}.contact-info-item-enhanced .contact-info-content p{color:#475569;margin-bottom:.75rem;font-size:.9rem;font-weight:500}.contact-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-action-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.location-badge{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:15px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.contact-availability{text-align:center;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1.5rem}.availability-indicator{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:25px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.available{background:#10b981;animation:2s infinite pulse}.contact-info-item-compact .contact-info-icon{width:35px;height:35px;font-size:1.2rem}.contact-info-item-compact .contact-info-content h4{margin-bottom:.15rem;font-size:.9rem}.contact-info-item-compact .contact-info-content p{font-size:.85rem}.contact-info-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.email-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.phone-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.location-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.contact-info-content h4{color:#2d3748;margin:0 0 .25rem;font-size:1rem;font-weight:600}.contact-info-content p{color:#718096;margin:0;font-size:.9rem}.social-media-links{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.social-media-links-compact{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.social-media-link{border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s;display:flex}.social-media-link.instagram{color:#e4405f}.social-media-link.facebook{color:#1877f2}.social-media-link:hover{background:#f7fafc;transform:translate(5px)}.social-media-link span:first-child{font-size:1.5rem}.social-media-link span:last-child{font-weight:500}.social-media-description{color:#718096;margin:0;font-size:.9rem;line-height:1.5}.connect-description{color:#4a5568;margin:0;font-size:.95rem;line-height:1.6}.contact-form-modern{flex-direction:column;gap:1.5rem;display:flex}.form-row-modern{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group-modern{flex-direction:column;display:flex}.form-group-modern label{color:#4a5568;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.form-group-modern input,.form-group-modern textarea{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.875rem 1rem;font-size:.95rem;transition:all .3s}.form-group-modern input:focus,.form-group-modern textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group-modern input::-moz-placeholder,.form-group-modern textarea::-moz-placeholder{color:#a0aec0}.form-group-modern input::placeholder,.form-group-modern textarea::placeholder{color:#a0aec0}.send-message-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.send-message-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.send-message-btn span:first-child{font-size:1.1rem}@media (max-width:768px){.contact-cards-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.contact-title-modern{font-size:2.5rem}.form-row-modern{grid-template-columns:1fr}.contact-info-card,.contact-form-card{padding:1.5rem}}.form-group textarea{resize:vertical;min-height:100px}.footer{background:var(--darker-bg);border-top:1px solid #94a3b81a;padding:3rem 0 1rem}.footer-content{grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;display:grid}.footer-section h3{color:var(--text-primary);margin-bottom:1rem}.footer-section p,.footer-section a{color:var(--text-secondary);margin-bottom:.5rem;text-decoration:none;display:block}.footer-section a:hover{color:var(--primary-blue)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-link{background:var(--card-bg);width:40px;height:40px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background:var(--primary-blue);color:#fff}.footer-social-links{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;display:flex}.footer-social-links a{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .3s;display:flex}.footer-social-links a:hover{color:var(--primary-blue)}.footer-social-links a svg{flex-shrink:0}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #94a3b81a;padding-top:2rem}.about-main-grid{grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.my-story-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:16px;padding:2rem}.story-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.story-icon{font-size:1.5rem}.story-header h3{color:var(--text-primary);margin:0}.skill-badges{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.skill-badge{border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.problem-solver{color:#1d4ed8;background:linear-gradient(45deg,#3b82f61a,#1d4ed81a);border:1px solid #3b82f6}.tech-enthusiast{color:#7c3aed;background:linear-gradient(45deg,#8b5cf61a,#7c3aed1a);border:1px solid #8b5cf6}.lifelong-learner{color:#059669;background:linear-gradient(45deg,#10b9811a,#0596691a);border:1px solid #10b981}.profile-image-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:16px;padding:1.5rem;position:relative}.profile-image{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:300px;transition:all .3s;box-shadow:0 4px 15px #0000001a}.profile-image:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.profile-image-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.profile-image-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#4f46e50d,#0000 70%);position:absolute;inset:0}.profile-tag{background:var(--primary-blue);color:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;position:absolute;bottom:2rem;right:2rem}.info-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.info-card{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;padding:1.5rem}.card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.card-icon{font-size:1.25rem}.card-header h4{color:var(--text-primary);margin:0}.info-list{flex-direction:column;gap:1rem;display:flex}.info-row{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.info-label{color:var(--text-secondary);font-size:.9rem}.info-value{color:var(--text-primary);font-weight:500}.contact-cta{text-align:center;background:var(--card-bg);border:1px solid #94a3b81a;border-radius:16px;margin-top:3rem;padding:3rem 2rem}.contact-cta h3{color:var(--text-primary);margin-bottom:1rem}.contact-cta p{color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary{border-radius:30px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border:none}.btn-secondary{color:var(--primary-blue);background:#fff;border:1px solid #94a3b84d}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.skills-section-modern{background:linear-gradient(135deg,#1e293b,#334155,#475569);min-height:100vh;padding:6rem 0}.skills-header-modern{text-align:center;margin-bottom:4rem}.skills-title-modern{color:#3b82f6;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.skills-subtitle-modern{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.category-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.category-card-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:16px;transition:all .4s;overflow:hidden}.category-card-large:hover{border-color:#3b82f680;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.category-card-image{background:linear-gradient(135deg,#334155,#475569);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.category-placeholder-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.category-icon-large{opacity:.3;font-size:4rem}.category-overlay{justify-content:flex-start;align-items:flex-start;display:flex;position:absolute;inset:1rem}.category-tags{flex-wrap:wrap;gap:.5rem;display:flex}.category-tag{color:#fff;background:#000000b3;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.category-card-content{padding:1.5rem}.category-card-title{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.skills-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.skill-card-detailed{opacity:0;background:#f8fafcf2;border:1px solid #cbd5e14d;border-radius:12px;padding:1.5rem;transition:all .4s;transform:translateY(20px)}.skill-card-detailed.visible{opacity:1;transform:translateY(0)}.skill-card-detailed:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.skill-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.skill-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.skill-icon-emoji{font-size:1.5rem}.skill-info{flex:1}.skill-name{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.skill-category{color:#64748b;margin:0;font-size:.85rem}.skill-description-text{color:#475569;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.skill-proficiency{margin-top:1rem}.proficiency-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;display:flex}.proficiency-header span:first-child{color:#64748b}.proficiency-percentage{color:#1e293b;font-weight:600}.proficiency-bar{background:#cbd5e14d;border-radius:3px;width:100%;height:6px;overflow:hidden}.proficiency-fill{border-radius:3px;height:100%;transition:width 1.2s ease-out .3s}.core-technologies-section{text-align:center;background:#f8fafcf2;border:1px solid #cbd5e14d;border-radius:16px;padding:2.5rem}.core-tech-title{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.core-tech-subtitle{color:#64748b;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.core-tools-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.core-tool-card{border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;min-width:120px;padding:1rem;transition:all .3s;display:flex}.core-tool-card:hover{background:#3b82f61a;transform:translateY(-2px)}.core-tool-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:transform .3s;display:flex}.core-tool-card:hover .core-tool-icon{transform:scale(1.1)}.core-tool-info{text-align:center}.core-tool-name{color:#1e293b;margin:0 0 .25rem;font-size:.9rem;font-weight:600}.core-tool-description{color:#64748b;margin:0;font-size:.8rem}.skills-section{margin-bottom:3rem}.skills-category-title{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;position:relative}.skills-category-title:after{content:"";background:var(--primary-blue);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.skill-bar{background:#94a3b833;border-radius:4px;width:100%;height:8px;margin:.5rem 0;overflow:hidden}.skill-progress{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));border-radius:4px;height:100%;transition:width .8s}.skill-level{color:var(--text-muted);text-align:center;font-size:.8rem}.project-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:4rem;display:flex}.project-filter-btn{color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:25px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.project-filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.project-filter-btn:hover:not(.active){color:var(--text-primary);background:#1e293b;border-color:#94a3b866;transform:translateY(-1px)}.project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.project-overlay{color:#fff;background:#000000b3;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;position:absolute;top:10px;left:10px}.project-stats{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:16px;justify-content:center;gap:3rem;margin-top:4rem;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #3b82f61a,0 0 40px #8b5cf60d}.project-stats:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.project-stat-item{text-align:center;position:relative}.project-stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.project-stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width:768px){.navbar-nav{display:none}.hero-title{font-size:2.5rem}.about-grid,.contact-grid,.form-row{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skills-title-modern{font-size:2.5rem}.category-cards-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.skills-cards-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.core-tools-grid{gap:1rem}.core-technologies-section{padding:2rem 1rem}}.gallery-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.gallery-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.gallery-filters-modern{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:4rem;display:flex}.filter-btn-modern{color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:25px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s}.filter-btn-modern.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.filter-btn-modern:hover:not(.active){background:#1e293b;border-color:#94a3b866;transform:translateY(-1px)}.gallery-grid-modern{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.gallery-card-modern{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b81a;border-radius:16px;transition:all .4s;position:relative;overflow:hidden}.gallery-card-modern:hover{border-color:#94a3b833;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.gallery-card-image{height:250px;position:relative;overflow:hidden}.gallery-card-image img{-o-object-fit:cover;object-fit:cover;border:2px solid #ffffff1a;border-radius:12px;width:100%;height:100%;transition:transform .4s;box-shadow:0 0 20px #3b82f64d,0 0 40px #8b5cf633,0 0 60px #ec48991a}.gallery-card-modern:hover .gallery-card-image img{border-color:#fff3;transform:scale(1.05);box-shadow:0 0 30px #3b82f680,0 0 60px #8b5cf666,0 0 90px #ec48994d}.gallery-card-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000000b3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:1rem;left:1rem}.gallery-card-icon{font-size:1.2rem}.gallery-card-category{font-size:.85rem;font-weight:500}.gallery-card-content{padding:1.5rem}.gallery-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.gallery-card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media (max-width:768px){.gallery-title{font-size:2.5rem}.gallery-filters-modern{gap:.5rem;padding:0 1rem}.filter-btn-modern{padding:.6rem 1.2rem;font-size:.85rem}.gallery-grid-modern{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.gallery-card-image{height:200px}}.gallery-image{background:linear-gradient(45deg,var(--primary-blue),var(--secondary-purple));height:200px;position:relative}.gallery-overlay{color:#fff;background:#000000b3;border-radius:12px;padding:.25rem .5rem;font-size:.8rem;position:absolute;top:10px;left:10px}.stats-section{background:var(--card-bg);border:1px solid #94a3b81a;border-radius:12px;margin-top:3rem;padding:2rem}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;display:grid}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:1.5rem;display:flex}.stat-number{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.9rem}.quote-section{background:var(--card-bg);text-align:center;border:1px solid #94a3b81a;border-radius:12px;margin-top:2rem;padding:2rem}.quote-text{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem;font-style:italic;line-height:1.6}.quote-author{color:var(--text-muted);font-size:.9rem}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
