@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-md)}.navbar .container{align-items:center;display:flex;justify-content:space-between;padding:1rem}.navbar-brand{color:var(--text-primary);text-decoration:none}.brand-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.navbar-menu{gap:2rem}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{border-radius:.5rem;color:var(--text-secondary);font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:var(--bg-accent);color:var(--primary-color)}.nav-link.active:after{background:var(--primary-color);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-icon{font-size:1rem}.nav-text{display:block}.navbar-toggle{border-radius:.5rem;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.navbar-toggle:hover{background:var(--bg-accent)}.navbar-toggle svg{color:var(--text-primary);font-size:1.5rem}@media (max-width:768px){.navbar-menu{background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{justify-content:center;padding:1rem;width:100%}.nav-text{font-size:1.1rem}.navbar-toggle{display:block}}@media (prefers-color-scheme:dark){.navbar{background:#111827f2}.navbar.scrolled{background:#111827fa}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:3rem 0 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{text-decoration:none}.footer-logo .brand-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-description{color:var(--text-secondary);line-height:1.6;max-width:300px}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social .social-link{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--primary-color);color:var(--social-color,var(--primary-color));display:flex;font-size:1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social .social-link:hover{background:var(--primary-color);background:var(--social-color,var(--primary-color));box-shadow:var(--shadow-md);color:#fff;transform:translateY(-3px)}.footer-contact h3,.footer-links h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.links-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.links-list li a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.links-list li a:hover{color:var(--primary-color)}.contact-info{gap:.5rem}.contact-info,.contact-info p{display:flex;flex-direction:column}.contact-info p{color:var(--text-secondary);font-size:.9rem;gap:.25rem;margin:0}.contact-info strong{color:var(--text-primary);font-weight:600}.contact-info a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright,.made-with{color:var(--text-secondary);font-size:.9rem;margin:0}.made-with{align-items:center;display:flex;gap:.5rem}.heart-icon{animation:heartbeat 2s infinite;color:#e53e3e}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center}.footer-description{max-width:100%}.footer-social{justify-content:center}.footer-bottom-content{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem}.footer-social{gap:.5rem}.footer-social .social-link{font-size:.9rem;height:35px;width:35px}.contact-info,.links-list{align-items:center}}.home{padding-top:80px}.hero{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero:before{background:radial-gradient(circle at 20% 80%,#6366f126 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ec489914 0,#0000 50%),linear-gradient(45deg,#0000 30%,#6366f10d 50%,#0000 70%);bottom:0;left:0;right:0;top:0}.hero:after,.hero:before{content:"";position:absolute;z-index:0}.hero:after{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg at 50% 50%,#0000 0deg,#6366f108 60deg,#0000 120deg,#8b5cf608 180deg,#0000 240deg,#ec489908 300deg,#0000 1turn);height:200%;left:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero .container{position:relative;z-index:1}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--primary-color);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:1.5rem}.hero-description{color:var(--text-secondary);font-size:1.2rem;line-height:1.7;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-buttons .btn{align-items:center;display:inline-flex;gap:.5rem}.avatar-container,.hero-avatar{align-items:center;display:flex;justify-content:center;position:relative}.avatar-container{height:400px;width:400px}.avatar-circle{background:linear-gradient(135deg,var(--primary-color),#6366f1,#8b5cf6);border:3px solid #fff3;border-radius:50%;box-shadow:0 0 60px #6366f14d,0 0 120px #8b5cf633,inset 0 0 60px #ffffff1a;height:200px;width:200px}.avatar-circle,.avatar-face{align-items:center;display:flex;justify-content:center;position:relative}.avatar-face{flex-direction:column;height:120px;width:120px}.avatar-eyes{display:flex;gap:20px;margin-bottom:15px}.eye{background:#fff;height:12px;position:relative;width:12px}.eye,.eye:after{border-radius:50%}.eye:after{background:#1f2937;content:"";height:6px;left:2px;position:absolute;top:2px;width:6px}.avatar-smile{border:3px solid #fff;border-radius:0 0 30px 30px;border-top:none;height:15px;margin-top:5px;width:30px}.floating-element{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000001a;color:var(--primary-color);display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;width:50px}.code-element{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;right:60px;top:20px}.laptop-element{background:linear-gradient(135deg,#10b981,#059669);bottom:40px;color:#fff;left:30px}.rocket-element{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;left:20px;top:120px}.ring{background:linear-gradient(45deg,var(--primary-color),#0000,var(--primary-color)) border-box;border:2px solid #0000;border-radius:50%;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;position:absolute}.ring-1{border-color:#6366f14d;height:280px;width:280px}.ring-2{border-color:#8b5cf633;height:320px;width:320px}.ring-3{border-color:#ec48991a;height:360px;width:360px}.particle{background:var(--primary-color);border-radius:50%;box-shadow:0 0 20px var(--primary-color);height:8px;position:absolute;width:8px}.particle-1{right:100px;top:50px}.particle-2{bottom:80px;left:80px}.particle-3{left:120px;top:150px}.social-links{gap:1.5rem;margin-top:3rem}.social-link{background:var(--bg-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.social-link svg{font-size:1.2rem}.about-preview{background:var(--bg-secondary);overflow:hidden;padding:5rem 0;position:relative}.about-preview:before{background:radial-gradient(ellipse at top left,#6366f114 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b5cf60f 0,#0000 50%),linear-gradient(135deg,#0000,#ec489908 50%,#0000)}.about-preview:after,.about-preview:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.about-preview:after{background:linear-gradient(90deg,#0000,#ffffff05 50%,#0000),linear-gradient(180deg,#0000,#ffffff03 50%,#0000)}.about-preview .container{position:relative;z-index:1}.about-content h2{color:var(--text-primary);margin-bottom:1.5rem}.about-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.stat-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stat-item:hover:before{left:100%}.stat-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-item h3{color:var(--primary-color);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-item p{color:var(--text-secondary);font-weight:500;margin:0}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-description{max-width:100%}.hero-buttons{justify-content:center}.avatar-container{height:300px;width:300px}.avatar-circle{height:150px;width:150px}.avatar-face{height:90px;width:90px}.avatar-eyes{gap:15px;margin-bottom:10px}.eye{height:10px;width:10px}.eye:after{height:5px;width:5px}.avatar-smile{height:12px;width:25px}.floating-element{font-size:1.2rem;height:40px;width:40px}.ring-1{height:220px;width:220px}.ring-2{height:250px;width:250px}.ring-3{height:280px;width:280px}.stats{grid-template-columns:1fr}.social-links{margin-top:2rem}}@media (max-width:480px){.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{max-width:250px;width:100%}.avatar-container{height:250px;width:250px}.avatar-circle{height:120px;width:120px}.avatar-face{height:70px;width:70px}.avatar-eyes{gap:12px;margin-bottom:8px}.eye{height:8px;width:8px}.eye:after{height:4px;width:4px}.avatar-smile{height:10px;width:20px}.floating-element{font-size:1rem;height:35px;width:35px}.ring-1{height:180px;width:180px}.ring-2{height:200px;width:200px}.ring-3{height:220px;width:220px}}.about{padding-top:80px}.about-hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:5rem 0;text-align:center}.about-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.about-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.personal-info{padding:5rem 0}.info-content h2{color:var(--text-primary);margin-bottom:1.5rem}.info-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.contact-info{margin:2rem 0}.info-item{align-items:center;color:var(--text-secondary);display:flex;gap:1rem;margin-bottom:1rem}.info-item svg{color:var(--primary-color);font-size:1.2rem;min-width:20px}.about-buttons{display:flex;flex-wrap:wrap;gap:1rem}.about-buttons .btn{align-items:center;display:inline-flex;gap:.5rem}.profile-section{align-items:center;display:flex;justify-content:center}.profile-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-lg);max-width:300px;padding:2rem;text-align:center;width:100%}.profile-image{margin-bottom:1.5rem}.profile-placeholder{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);display:flex;font-size:3rem;height:120px;justify-content:center;margin:0 auto;width:120px}.profile-details h3{color:var(--text-primary);margin-bottom:.5rem}.profile-details p{color:var(--text-secondary);margin-bottom:1.5rem}.profile-details .social-links{display:flex;gap:1rem;justify-content:center}.profile-details .social-links a{align-items:center;background:var(--bg-accent);border-radius:50%;color:var(--primary-color);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.profile-details .social-links a:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.skills-section{background:var(--bg-secondary);padding:5rem 0}.skills-grid{margin:0 auto;max-width:800px}.skill-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem}.skill-header{margin-bottom:1rem}.skill-level{font-weight:600}.skill-bar{background:var(--bg-accent);border-radius:4px;height:8px;overflow:hidden;width:100%}.skill-progress{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width 1s ease}.experience-section{padding:5rem 0}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:var(--primary-color);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:50%;padding-right:2rem;text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:50%;margin-right:0;padding-left:2rem;text-align:left}.timeline-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem;position:relative}.timeline-content:before{background:var(--primary-color);border-radius:50%;content:"";height:12px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.timeline-item:nth-child(odd) .timeline-content:before{right:-6px}.timeline-item:nth-child(2n) .timeline-content:before{left:-6px}.timeline-year{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-content h3{color:var(--text-primary);margin-bottom:.5rem}.timeline-content h4{color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.timeline-content p{color:var(--text-secondary);line-height:1.6;margin:0}.education-section{background:var(--bg-secondary);padding:5rem 0}.education-grid{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:600px}.education-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;text-align:center}.education-year{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:1rem}.education-card h3{color:var(--text-primary);margin-bottom:.5rem}.education-card h4{color:var(--text-secondary);font-weight:500;margin-bottom:1rem}.education-card p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.about-buttons{flex-direction:column}.about-buttons .btn{justify-content:center;width:100%}.timeline:before{left:20px}.timeline-item:nth-child(2n) .timeline-content,.timeline-item:nth-child(odd) .timeline-content{margin-left:0;margin-right:0;padding-left:3rem;padding-right:1rem;text-align:left}.timeline-item:nth-child(2n) .timeline-content:before,.timeline-item:nth-child(odd) .timeline-content:before{left:-6px}.education-grid,.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.about-hero,.education-section,.experience-section,.personal-info,.skills-section{padding:3rem 0}.profile-card{padding:1.5rem}.profile-placeholder{font-size:2.5rem;height:100px;width:100px}}.projects{padding-top:80px}.projects-hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:5rem 0;text-align:center}.projects-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.projects-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.filter-section{background:var(--bg-secondary);padding:3rem 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-icon{font-size:1.1rem}.projects-grid-section{padding:5rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.project-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-card.featured{border:2px solid var(--primary-color)}.project-image{align-items:center;background:var(--gradient-primary);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.project-placeholder{filter:brightness(0) invert(1);font-size:4rem;opacity:.8}.featured-badge{background:var(--primary-color);border-radius:1rem;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.project-content{padding:2rem}.project-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--bg-accent);border-radius:1rem;color:var(--primary-color);font-size:.8rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;border-radius:.5rem;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-link.github{background:var(--bg-accent);color:var(--text-primary)}.project-link.github:hover{background:var(--text-primary);color:#fff}.project-link.live{background:var(--primary-color);color:#fff}.project-link.live:hover{background:var(--secondary-color);transform:translateY(-2px)}.cta-section{background:var(--bg-secondary);padding:5rem 0;text-align:center}@media (max-width:768px){.projects-hero{padding:3rem 0}.filter-section{padding:2rem 0}.filter-buttons{gap:.5rem}.filter-btn{font-size:.9rem;padding:.5rem 1rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-content{padding:1.5rem}.cta-buttons,.project-links{flex-direction:column}.cta-buttons{align-items:center}.cta-buttons .btn{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.projects-grid-section{padding:3rem 0}.project-image{height:150px}.project-placeholder{font-size:3rem}.project-title{font-size:1.3rem}.filter-btn{justify-content:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease forwards}.project-card:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.project-card:hover:before{opacity:.05}.skills{padding-top:80px}.skills-hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:5rem 0;text-align:center}.skills-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.skills-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.category-nav{background:var(--bg-secondary);padding:3rem 0}.category-buttons{flex-wrap:wrap;gap:1rem}.category-btn,.category-buttons{display:flex;justify-content:center}.category-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;min-width:180px;padding:1rem 1.5rem;transition:all .3s ease}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-icon{font-size:1.2rem}.category-name{font-size:.9rem}.skills-display{padding:5rem 0}.skills-content{margin:0 auto;max-width:1000px}.category-header{margin-bottom:3rem;text-align:center}.category-header h2{color:var(--text-primary);margin-bottom:.5rem}.category-header p{color:var(--text-secondary);font-size:1.1rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease}.skill-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.skill-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0}.skill-experience{background:var(--bg-accent);border-radius:1rem;color:var(--primary-color);font-size:.9rem;font-weight:600;padding:.25rem .75rem}.skill-progress-container{align-items:center;display:flex;gap:1rem}.skill-progress-bar{background:var(--bg-accent);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.skill-progress-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width 1s ease}.skill-level{color:var(--primary-color);font-size:1.1rem;font-weight:700;min-width:45px;text-align:right}.additional-skills{background:var(--bg-secondary);padding:5rem 0}.skills-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:800px}.skill-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-primary);cursor:default;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.skill-tag:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.learning-section{padding:5rem 0}.learning-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.learning-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:all .3s ease}.learning-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.learning-icon{font-size:3rem;margin-bottom:1rem}.learning-item h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.learning-item p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.skills-hero{padding:3rem 0}.category-nav{padding:2rem 0}.category-buttons{gap:.5rem}.category-btn{font-size:.9rem;min-width:150px;padding:.75rem 1rem}.category-name{font-size:.8rem}.skills-display{padding:3rem 0}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-card{padding:1.5rem}.skill-header{align-items:flex-start;flex-direction:column;gap:.5rem}.skill-progress-container{align-items:stretch;flex-direction:column;gap:.5rem}.skill-level{text-align:center}.learning-grid{gap:1.5rem;grid-template-columns:1fr}.skills-tags{gap:.5rem}.skill-tag{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.category-btn{min-width:120px;padding:.5rem .75rem}.category-icon{font-size:1rem}.category-name{font-size:.75rem}.skill-card{padding:1rem}.learning-item{padding:1.5rem}.learning-icon{font-size:2.5rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-card{animation:slideInUp .6s ease forwards}.learning-item:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:1rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.learning-item:hover:before{opacity:.05}.contact{padding-top:80px}.contact-hero{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);padding:5rem 0;text-align:center}.contact-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.contact-subtitle{color:var(--text-secondary);font-size:1.3rem;margin:0 auto;max-width:600px}.contact-content{padding:5rem 0}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-form-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:var(--shadow-lg);padding:3rem}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{color:var(--text-primary);margin-bottom:.5rem}.form-header p{color:var(--text-secondary)}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;padding:1rem;resize:vertical;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.submit-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-status{border-radius:.5rem;font-weight:500;padding:1rem;text-align:center}.submit-status.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.submit-status.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.info-header{margin-bottom:1rem;text-align:center}.info-header h2{color:var(--text-primary);margin-bottom:.5rem}.info-header p{color:var(--text-secondary)}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem}.contact-info-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-info-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-icon{align-items:center;background:var(--bg-accent);border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.info-content h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.info-content a,.info-content p{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.info-content a:hover{color:var(--primary-color)}.social-links-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem;text-align:center}.social-links-section h3{color:var(--text-primary);margin-bottom:1rem}.social-links{gap:1rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background:var(--bg-accent);border-radius:50%;color:var(--primary-color);color:var(--social-color,var(--primary-color));font-size:1.2rem;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{background:var(--primary-color);background:var(--social-color,var(--primary-color));box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-3px)}.contact-cta{background:var(--bg-secondary);padding:5rem 0;text-align:center}.cta-content h2{color:var(--text-primary);margin-bottom:1rem}.cta-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons .btn{align-items:center;display:inline-flex;gap:.5rem}@media (max-width:768px){.contact-content,.contact-hero{padding:3rem 0}.contact-grid{gap:2rem;grid-template-columns:1fr}.contact-form-section{padding:2rem}.contact-info-item{padding:1rem}.info-icon{font-size:1rem;height:40px;width:40px}.social-links{gap:.5rem}.social-link{font-size:1.1rem;height:45px;width:45px}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.contact-form-section{padding:1.5rem}.form-group input,.form-group textarea{padding:.75rem}.submit-btn{padding:.75rem 1.5rem}.contact-info-item{flex-direction:column;gap:.75rem;text-align:center}.info-icon{font-size:.9rem;height:35px;width:35px}.social-links-section{padding:1.5rem}}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#dc2626}.form-group input:valid:not(:placeholder-shown),.form-group textarea:valid:not(:placeholder-shown){border-color:#16a34a}@keyframes spin{to{transform:rotate(1turn)}}.submit-btn:disabled:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;margin-right:.5rem;width:16px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-accent:#eff6ff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c)}@media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-accent:#374151;--border-color:#374151}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-primary);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:all .3s ease}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:#6b7280;color:var(--text-secondary);margin-bottom:1rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.btn-secondary:hover{background:#2563eb;background:var(--primary-color);color:#fff}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.section{padding:5rem 0}.section-title{margin-bottom:3rem;text-align:center}.section-title h2{color:#1f2937;color:var(--text-primary);margin-bottom:.5rem}.section-title p{color:#6b7280;color:var(--text-secondary);font-size:1.1rem}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:2rem;transition:all .3s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}@media (max-width:768px){.container{padding:0 1.5rem}.section{padding:3rem 0}.grid-2,.grid-3{grid-template-columns:1fr}}.fade-in{animation:fadeIn .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2563eb;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1e40af;background:var(--secondary-color)}
/*# sourceMappingURL=main.b74aae26.css.map*/