:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;padding:0}.navbar.scrolled{background:#000000f2;box-shadow:0 2px 20px #0000004d}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:relative}.nav-brand button{background:none;border:none;color:var(--text-white);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.nav-brand button:hover{color:var(--primary-color)}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu.desktop-menu{display:flex}.nav-menu.mobile-menu{display:none}.nav-link{background:none;border:none;color:var(--text-white);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;cursor:pointer;position:relative}.nav-link:hover{color:var(--primary-color);background:#ffbd391a}.nav-link.active{color:var(--primary-color);background:#ffbd3926}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-color);border-radius:1px}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.nav-toggle span{width:25px;height:3px;background:var(--text-white);border-radius:2px;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-overlay{display:none}@media (max-width: 768px){.nav-container{padding:1rem}.nav-menu.desktop-menu{display:none}.nav-toggle{display:flex;z-index:1001;position:relative}.navbar{z-index:1000!important}.nav-menu.mobile-menu{display:flex;position:fixed;top:0;right:0;height:100vh;width:280px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .3s ease;z-index:1000;pointer-events:none}.nav-menu.mobile-menu.active{pointer-events:auto;transform:translate(0)}.nav-menu.mobile-menu .nav-link{font-size:1.2rem;padding:1rem 2rem;width:200px;text-align:center}.nav-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999}}@media (max-width: 480px){.nav-container{padding:.8rem}.nav-brand button{font-size:1.3rem}.nav-menu.mobile-menu{width:100%;padding:2rem 1rem}.nav-menu.mobile-menu .nav-link{width:100%;max-width:250px}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hero-background{position:absolute;inset:0;z-index:1}.geometric-shapes{position:absolute;width:100%;height:100%}.geometric-shapes>div{position:absolute;opacity:.1}.shape-circle{width:200px;height:200px;border:2px solid var(--primary-color);border-radius:50%;top:20%;right:10%}.shape-triangle{width:0;height:0;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:130px solid var(--primary-color);top:60%;left:5%}.shape-square{width:120px;height:120px;border:2px solid var(--primary-color);top:10%;left:20%}.shape-hexagon{width:100px;height:100px;background:var(--primary-color);clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);bottom:20%;right:20%}.gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,189,57,.1) 0%,transparent 70%)}.hero-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:80vh}.hero-text-section{z-index:3}.hero-status-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:25px;border:1px solid rgba(255,255,255,.1);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.available{background:#0f8;box-shadow:0 0 10px #00ff8880}.status-dot.busy{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b80}.hero-title-enhanced{margin-bottom:2rem;line-height:1.2}.hero-greeting{display:block;font-size:1.2rem;color:var(--text-gray);margin-bottom:.5rem}.hero-name-enhanced{display:block;font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-role-dynamic{display:block;font-size:1.5rem;color:var(--text-gray)}.role-prefix{margin-right:.5rem}.typed-text-enhanced{color:var(--primary-color);font-weight:600}.hero-description-enhanced{font-size:1.2rem;line-height:1.6;color:var(--text-gray);margin-bottom:3rem;max-width:500px}.hero-stats-enhanced{display:flex;gap:2rem;margin-bottom:3rem}.stat-card-enhanced{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.stat-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffbd3933}.stat-number-enhanced{display:block;font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem}.stat-label-enhanced{font-size:.9rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}.stat-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);opacity:.7}.tech-stack-enhanced{margin-bottom:3rem}.tech-label-enhanced{display:block;font-size:.9rem;color:var(--text-gray);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.tech-icons-enhanced{display:flex;gap:1.5rem;flex-wrap:wrap}.tech-item-enhanced{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.tech-item-enhanced:hover{background:#ffffff1a;transform:translateY(-5px)}.tech-item-enhanced svg{font-size:2rem}.tech-item-enhanced span{font-size:.8rem;color:var(--text-gray)}.hero-actions-enhanced{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-primary-enhanced,.btn-secondary-enhanced{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:30px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-size:1rem}.btn-primary-enhanced{background:var(--gradient-primary);color:var(--background-dark);box-shadow:0 4px 20px #ffbd394d}.btn-primary-enhanced:hover{box-shadow:0 6px 25px #ffbd3966}.btn-secondary-enhanced{background:transparent;color:var(--text-white);border:2px solid var(--primary-color)}.btn-secondary-enhanced:hover{background:var(--primary-color);color:var(--background-dark)}.btn-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.hero-visual-section{position:relative;z-index:3}.code-window{background:#000c;border-radius:15px;border:1px solid rgba(255,255,255,.1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000004d}.code-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.window-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f56}.control.minimize{background:#ffbd2e}.control.maximize{background:#27ca3f}.file-name{font-size:.9rem;color:var(--text-gray)}.code-content{padding:1.5rem;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.8}.code-line{display:flex;gap:1rem}.line-number{color:var(--text-gray);opacity:.5;min-width:20px;text-align:right}.keyword{color:#ff79c6}.variable{color:#8be9fd}.property{color:#50fa7b}.string{color:#f1fa8c}.comment{color:#6272a4}.typing-line{position:relative}.typing-line:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--primary-color);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.achievement-badges{position:absolute;inset:0;pointer-events:none}.achievement-badge{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffbd391a;border:1px solid rgba(255,189,57,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem;color:var(--primary-color)}.badge-1{top:10%;right:-10%}.badge-2{top:50%;left:-15%}.badge-3{bottom:20%;right:-5%}.scroll-indicator-enhanced{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;z-index:3}.scroll-mouse{width:24px;height:40px;border:2px solid var(--primary-color);border-radius:15px;position:relative}.scroll-wheel{width:2px;height:8px;background:var(--primary-color);border-radius:1px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.scroll-text-enhanced{font-size:.8rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}.scroll-arrow-enhanced{color:var(--primary-color);font-size:1.2rem}@media (max-width: 1024px){.hero-content-grid{gap:2rem}.hero-name-enhanced{font-size:3rem}}@media (max-width: 768px){.hero-container{padding:0 1rem}.hero-content-grid{grid-template-columns:1fr;gap:3rem;text-align:left}.hero-name-enhanced{font-size:2.5rem}.hero-stats-enhanced{justify-content:center;gap:1rem}.stat-card-enhanced{padding:1rem}.tech-icons-enhanced,.hero-actions-enhanced{justify-content:center}.achievement-badges{display:none}}@media (max-width: 480px){.hero-name-enhanced{font-size:2rem}.hero-stats-enhanced,.hero-actions-enhanced{flex-direction:column;align-items:center}.btn-primary-enhanced,.btn-secondary-enhanced{width:100%;max-width:250px;justify-content:center}.scroll-indicator-enhanced{display:none}.scroll-mouse{width:20px;height:32px}.scroll-wheel{width:2px;height:6px;top:6px}.scroll-text-enhanced{font-size:.7rem}.scroll-arrow-enhanced{font-size:1rem}}.about-section{background:var(--background-dark);position:relative;overflow:hidden;padding:100px 0}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,189,57,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,189,57,.05) 0%,transparent 40%);z-index:1}.about-content{position:relative;z-index:2}.section-header-centered{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.section-header-centered .section-tag{color:var(--primary-color);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:block}.section-header-centered .section-title{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header-centered .section-description{font-size:1.2rem;line-height:1.8;color:var(--text-gray);margin-bottom:0;max-width:700px;margin-left:auto;margin-right:auto;padding:0 1rem;text-align:center}.about-main-grid{display:grid;grid-template-columns:1fr;gap:4rem;margin-bottom:4rem}.subsection-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin-bottom:2rem;color:var(--text-white);font-weight:600}.title-icon{color:var(--primary-color);font-size:1rem}.about-info-section{margin-bottom:2rem}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s ease}.info-card:hover:before{transform:scaleY(1)}.info-card:hover{background:#ffffff14;border-color:#ffbd394d;box-shadow:0 8px 25px #ffbd3926}.info-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffbd391a;border-radius:12px;color:var(--primary-color);font-size:1.2rem}.info-content{flex:1}.info-label{font-size:.85rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-weight:600;display:block}.info-value{font-size:1rem;color:var(--text-white);font-weight:500;margin:0}.contact-link{color:var(--primary-color);text-decoration:none;transition:all .3s ease;font-weight:600}.contact-link:hover{color:var(--text-white);text-shadow:0 0 10px rgba(255,189,57,.5)}.about-expertise-section{margin-bottom:2rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.expertise-card{padding:2rem;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.expertise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.expertise-card:hover:before{transform:scaleX(1)}.expertise-card:hover{background:#ffffff0f;border-color:#ffbd3933;box-shadow:0 10px 30px #ffbd391a}.expertise-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.expertise-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffbd391a;border-radius:15px;color:var(--primary-color);font-size:1.5rem}.expertise-info{flex:1}.expertise-title{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-white);font-weight:600}.expertise-description{font-size:.9rem;color:var(--text-gray);line-height:1.5;margin:0}.skill-level{display:flex;align-items:center;gap:1rem}.skill-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:3px;position:relative}.skill-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.skill-percentage{font-size:.9rem;color:var(--primary-color);font-weight:600;min-width:40px;text-align:right}.about-achievements-section{margin-bottom:2rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.achievement-card{text-align:center;padding:2rem 1.5rem;background:#ffffff0a;border-radius:20px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,189,57,.1),transparent);animation:rotate 4s linear infinite;opacity:0;transition:opacity .3s ease}.achievement-card:hover:before{opacity:1}.achievement-card:hover{background:#ffffff0f;border-color:#ffbd3933;transform:translateY(-5px);box-shadow:0 15px 35px #ffbd391a}.achievement-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#ffbd391a;border-radius:50%;color:var(--primary-color);font-size:2rem;position:relative;z-index:1}.achievement-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-white);font-weight:600;position:relative;z-index:1}.achievement-description{font-size:.9rem;color:var(--text-gray);line-height:1.5;margin:0;position:relative;z-index:1}.about-actions-enhanced{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;margin:4rem auto 0;padding:3rem 2rem;max-width:800px;background:#ffffff05;border-radius:25px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000001a}.btn-download-enhanced{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 3rem;background:var(--gradient-primary);color:var(--background-dark);border:none;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px #ffbd394d;position:relative;overflow:hidden;min-width:220px;justify-content:center}.btn-download-enhanced:hover{box-shadow:0 8px 30px #ffbd3966;transform:translateY(-2px)}.btn-download-enhanced .btn-icon{font-size:1rem}.btn-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn-download-enhanced:hover .btn-shimmer{left:100%}.availability-status{text-align:left;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1}.status-indicator{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.5rem;white-space:nowrap}.status-dot{color:#0f8;font-size:.5rem;animation:pulse 2s infinite}.status-text{color:var(--primary-color);font-size:1rem;font-weight:600}.status-subtitle{font-size:.9rem;color:var(--text-gray);margin:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@media (max-width: 1024px){.about-main-grid{gap:3rem}.section-header-centered .section-title{font-size:2.5rem}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 768px){.about-section{padding:80px 0}.section-header-centered{margin-bottom:3rem}.section-header-centered .section-title{font-size:2rem}.section-header-centered .section-description{font-size:1.1rem}.about-main-grid{gap:2.5rem}.info-cards-grid,.expertise-grid{grid-template-columns:1fr;gap:1rem}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.about-actions-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin:3rem auto 0;padding:2.5rem 1.5rem;max-width:90%}.btn-download-enhanced{width:100%;max-width:280px;justify-content:center}.availability-status{width:100%}.status-indicator{justify-content:center;flex-wrap:wrap;white-space:normal}}@media (max-width: 480px){.about-section{padding:60px 0}.section-header-centered .section-title{font-size:1.8rem}.section-header-centered .section-description{font-size:1rem}.subsection-title{font-size:1.3rem}.info-card{padding:1rem}.expertise-card{padding:1.5rem}.achievement-card{padding:1.5rem 1rem}.achievement-icon{width:60px;height:60px;font-size:1.5rem}.contact-link{word-break:break-word}.about-actions-enhanced{display:flex;align-items:center;justify-content:center}.btn-download-enhanced{max-width:90px!important}.availability-status{max-width:390px!important}.status-indicator{display:flex!important;width:auto!important;margin-bottom:1rem!important;white-space:nowrap!important;background-color:#000!important}}.skills-section{background:linear-gradient(135deg,var(--background-dark) 0%,#0a0a0a 100%);position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,189,57,.1) 0%,transparent 50%);z-index:1}.skills-content{position:relative;z-index:2}.skills-container{max-width:1000px;margin:0 auto}.skills-category{margin-bottom:4rem;position:relative}.skills-category:before{content:"";position:absolute;top:-1rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:2px}.category-header{text-align:left;margin-bottom:3rem}.category-title{font-size:2rem;margin-bottom:1rem;color:var(--text-white);font-weight:600}.category-description{font-size:1.1rem;color:var(--text-gray);margin-bottom:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-item{background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;animation:glow 4s ease-in-out infinite}.skill-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffbd390d);border-color:#ffbd3966;box-shadow:0 20px 40px #ffbd3926,0 8px 32px #0000004d,inset 0 1px #fff3;transform:translateY(-8px) scale(1.02)}.skill-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,#ff9500 50%,transparent 100%);opacity:0;transition:all .4s ease;border-radius:20px 20px 0 0}.skill-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,189,57,.03) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.skill-item:hover:before{opacity:1}.skill-item:hover:after{opacity:1}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.skill-info{display:flex;align-items:center;gap:1rem}.skill-icon{font-size:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.skill-item:hover .skill-icon{transform:scale(1.15) rotate(5deg);filter:brightness(1.3) drop-shadow(0 6px 12px rgba(0,0,0,.4))}.skill-details{display:flex;flex-direction:column}.skill-name{font-size:1.2rem;font-weight:600;color:var(--text-white);margin-bottom:.25rem}.skill-experience{font-size:.9rem;color:var(--text-gray)}.skills-progress{position:relative}.skills-progress-track{height:10px;background:linear-gradient(90deg,#ffffff14,#ffffff1f);border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0000004d}.skills-progress-fill{height:100%;border-radius:10px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff4d}.skills-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 3s infinite ease-in-out;border-radius:10px}.skill-item:hover .skills-progress-fill{animation:pulse-progress 2s ease-in-out infinite}.skills-progress-percentage{position:absolute;top:-2.2rem;right:0;font-size:.9rem;font-weight:700;color:var(--primary-color);background:linear-gradient(135deg,#ffbd391a,#ffbd390d);padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(255,189,57,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 1px 2px rgba(0,0,0,.3)}.skills-legend{margin-top:4rem;text-align:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-items{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.legend-item:hover{background:#ffffff14;transform:translateY(-2px)}.legend-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.legend-dot.expert{background:#0f8;box-shadow:0 0 15px #0f86;border-color:#00ff884d}.legend-dot.professional{background:#ffbd39;box-shadow:0 0 15px #ffbd3966;border-color:#ffbd394d}.legend-dot.proficient{background:#61dafb;box-shadow:0 0 15px #61dafb66;border-color:#61dafb4d}.legend-dot.intermediate{background:#ff6b6b;box-shadow:0 0 15px #ff6b6b66;border-color:#ff6b6b4d}.legend-item:hover .legend-dot{transform:scale(1.2);box-shadow:0 0 20px currentColor,0 4px 8px #0000004d}.legend-text{font-size:.9rem;color:var(--text-gray);font-weight:500;transition:color .3s ease}.legend-item:hover .legend-text{color:var(--text-white)}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg);opacity:0}50%{opacity:1}to{transform:translate(100%) skew(-15deg);opacity:0}}@keyframes glow{0%,to{box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}50%{box-shadow:0 12px 40px #ffbd391a,0 8px 32px #0000004d,inset 0 1px #ffffff26}}@keyframes pulse-progress{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@media (max-width: 1024px){.skills-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.category-title{font-size:1.8rem}.skills-grid{grid-template-columns:1fr;gap:2rem}.skill-item{padding:1.5rem;border-radius:16px}.skill-header{flex-direction:column;align-items:flex-start;gap:1rem}.skill-info{width:100%}.legend-items{gap:1.5rem;justify-content:center}.legend-item{padding:.75rem 1.25rem}.skills-legend{padding:1.5rem}.skills-progress-percentage{top:-2rem;font-size:.85rem}}@media (max-width: 480px){.category-title{font-size:1.5rem}.skill-item{padding:1rem}.skill-name{font-size:1.1rem}.skill-icon{font-size:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.legend-items{flex-direction:column;gap:1rem}.legend-item{justify-content:center}}.works-section{background:var(--background-dark);position:relative;overflow:hidden;min-height:100vh;display:block;z-index:10;padding-top:80px}.works-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,189,57,.1) 0%,transparent 50%);z-index:1}.works-content{position:relative;z-index:2;animation:fadeInUp 1s ease-out .5s both}.section-header{text-align:left;margin-bottom:4rem}.section-title{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.2rem;color:var(--text-gray);margin-bottom:3rem;max-width:600px;margin-left:0;margin-right:0}.works-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.stat-item{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin:0}.project-search-container{text-align:center;margin-bottom:2rem}.search-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.project-search{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:var(--text-white);font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.project-search:focus{outline:none;background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 0 0 2px #ffbd3933}.project-search::placeholder{color:var(--text-gray)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-gray);font-size:1rem}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:var(--text-white);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#ffffff1a;border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:var(--background-dark);border-color:var(--primary-color)}.filter-btn svg{font-size:1.1rem}.projects-count{text-align:center;margin-bottom:3rem}.projects-count p{color:var(--text-gray);font-size:1rem;margin:0}.count-number{color:var(--primary-color);font-weight:600}.category-name{color:var(--text-white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.project-item{position:relative}.project-card{background:#ffffff0d;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;height:100%}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ffbd3933;border-color:#ffbd394d}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden;z-index:1}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000e6,#ffbd39e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;padding:1rem}.project-card:hover .project-overlay,.project-card:focus-within .project-overlay{opacity:1}@media (max-width: 768px){.works-section{padding-top:100px!important;z-index:5!important;position:relative!important}.works-content{z-index:10!important;position:relative!important}.filter-btn,.project-link{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important;z-index:1000!important;position:relative!important}.project-search{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:text!important;z-index:1000!important;position:relative!important}.project-card{pointer-events:auto!important;touch-action:manipulation!important}.project-overlay{pointer-events:auto!important}button,a,input{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}}@media (hover: none) and (pointer: coarse){.project-overlay{opacity:1;background:linear-gradient(135deg,#000c,#ffbd39cc)}.works-section{min-height:auto!important;display:block!important;visibility:visible!important;opacity:1!important}.works-content{opacity:1!important;visibility:visible!important;display:block!important}.project-card.touch-active{transform:scale(.98);transition:transform .1s ease}}.project-info{text-align:center;padding:1rem;color:#fff;width:100%;max-width:100%;position:relative;z-index:15;overflow:hidden}.project-info h3{font-size:1.2rem;margin-bottom:.5rem;font-weight:600;line-height:1.3}.project-info p{font-size:.8rem;line-height:1.4;margin-bottom:1rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:1rem;max-height:60px;overflow:hidden}.tech-tag{background:#fff3;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.project-links{display:flex;justify-content:center;gap:.8rem;position:relative;z-index:20;margin-top:.5rem}.project-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff40;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:25;cursor:pointer}.project-link:hover{background:var(--primary-color);color:var(--background-dark);transform:scale(1.15);border-color:var(--primary-color);box-shadow:0 5px 15px #ffbd3966}.project-link svg{font-size:1.1rem}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.no-results p{font-size:1.2rem;margin:0}@media (max-width: 1200px) and (min-width: 1025px){.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}.project-info{padding:.7rem}.project-info h3{font-size:1rem;margin-bottom:.3rem}.project-info p{font-size:.7rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.3}.project-tech{max-height:45px;margin-bottom:.6rem}.tech-tag{font-size:.6rem;padding:.1rem .3rem}.project-links{gap:.5rem;margin-top:.3rem}.project-link{width:36px;height:36px}.project-link svg{font-size:.9rem}}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.project-info{padding:.8rem}.project-info h3{font-size:1.1rem;margin-bottom:.4rem}.project-info p{font-size:.75rem;-webkit-line-clamp:2;line-clamp:2}.project-tech{max-height:50px;margin-bottom:.8rem}.tech-tag{font-size:.65rem;padding:.15rem .4rem}.project-links{gap:.6rem;margin-top:.4rem}.project-link{width:38px;height:38px}.project-link svg{font-size:1rem}}@media (max-width: 768px){.section-title{font-size:2.5rem}.works-stats{gap:1.5rem;flex-wrap:wrap;justify-content:center}.works-section,.works-content{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}.stat-item{padding:1rem;min-width:100px;flex:1;max-width:150px}.stat-number{font-size:2rem}.filter-buttons{gap:.5rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.5rem 1rem;font-size:.9rem;min-width:120px;justify-content:center}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-info{padding:1.5rem}.project-info h3{font-size:1.3rem}.project-info p{font-size:.85rem}.project-overlay{padding:.5rem}.search-wrapper{max-width:100%}}@media (max-width: 480px){.section-title{font-size:2rem}.section-description{font-size:1rem}.works-section,.works-content,.projects-grid,.project-item,.project-card{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}.projects-grid{display:grid!important}.works-stats{flex-direction:column;align-items:center;gap:1rem}.stat-item{width:100%;max-width:200px}.filter-buttons{flex-direction:column;align-items:center;gap:.75rem}.filter-btn{width:100%;max-width:200px;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.project-info{padding:1rem}.project-info h3{font-size:1.2rem}.project-info p{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.tech-tag{font-size:.7rem;padding:.15rem .4rem}.project-link{width:40px;height:40px}.project-link svg{font-size:.9rem}.project-overlay{padding:.5rem}.projects-grid{gap:1rem}.search-wrapper{margin:0 1rem}}@media (max-width: 360px){.section-title{font-size:1.8rem}.section-description{font-size:.9rem}.stat-item{padding:.8rem;min-width:80px}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.filter-btn{padding:.6rem .8rem;font-size:.85rem;max-width:180px}.project-info h3{font-size:1.1rem}.project-info p{font-size:.75rem}.tech-tag{font-size:.65rem;padding:.1rem .3rem}.project-link{width:36px;height:36px}.project-link svg{font-size:.8rem}}.contact-section{background:linear-gradient(135deg,var(--background-dark) 0%,#0f0f0f 100%);position:relative;overflow:hidden;padding:8rem 0}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,189,57,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,189,57,.1) 0%,transparent 50%);pointer-events:none}.contact-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:3rem;font-weight:700;color:var(--text-white);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:var(--text-gray);line-height:1.6;max-width:600px;margin:0 auto}.contact-main-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:3rem;box-shadow:0 20px 40px #0000004d}.contact-card-content{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.contact-info{padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;background:linear-gradient(135deg,#ffffff05,#ffbd390d)}.contact-item{display:flex;align-items:center;gap:1.5rem}.contact-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--background-dark);font-size:1.2rem;flex-shrink:0}.contact-text{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.9rem;color:var(--text-gray);font-weight:500}.contact-value{font-size:1.1rem;color:var(--text-white);font-weight:600}.contact-link{color:var(--text-white);text-decoration:none;transition:all .3s ease}.contact-link:hover{color:var(--primary-color);transform:translate(3px)}.availability-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:50px;color:#28a745;font-size:.95rem;font-weight:500;margin-top:1rem}.availability-dot{width:8px;height:8px;background:#28a745;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.contact-cta{padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#ffffff05}.contact-cta h3{font-size:1.8rem;color:var(--text-white);margin-bottom:1rem;font-weight:600}.contact-cta p{color:var(--text-gray);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:280px}.primary-cta-button{display:flex;align-items:center;gap:.75rem;padding:1.2rem 2.5rem;background:var(--gradient-primary);color:var(--background-dark);text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 8px 25px #ffbd394d;position:relative;overflow:hidden}.primary-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.primary-cta-button:hover:before{left:100%}.primary-cta-button:hover{box-shadow:0 12px 35px #ffbd3966;transform:translateY(-2px)}.cta-icon{font-size:.9rem;transition:transform .3s ease}.primary-cta-button:hover .cta-icon{transform:translate(3px)}.social-section{text-align:center}.social-title{font-size:1.5rem;color:var(--text-white);margin-bottom:2rem;font-weight:600}.social-links{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:var(--text-white);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:var(--link-color);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:.1}.social-link:hover{border-color:var(--link-color);transform:translateY(-3px);box-shadow:0 10px 25px #0003}.social-icon{font-size:1.5rem;color:var(--link-color);position:relative;z-index:2}.social-label{font-size:.9rem;font-weight:500;position:relative;z-index:2;text-align:center}.social-download-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-family:inherit}@media (max-width: 1200px){.contact-content{max-width:95%}}@media (max-width: 1024px){.contact-section{padding:6rem 0}.contact-title{font-size:2.8rem}.contact-subtitle{font-size:1.15rem}.contact-card-content{grid-template-columns:1fr}.contact-info,.contact-cta{padding:2.5rem}.contact-cta{border-top:1px solid rgba(255,255,255,.1)}.social-links{gap:1.5rem}}@media (max-width: 768px){.contact-section{padding:4rem 0}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem;padding:0 1rem}.contact-info,.contact-cta{padding:2rem}.contact-item{gap:1.2rem}.contact-icon{width:48px;height:48px;font-size:1.15rem}.availability-badge{padding:.8rem 1.2rem;font-size:.9rem;text-align:center;justify-content:center}.social-links{gap:1rem}.social-link{min-width:100px;padding:1.2rem}}@media (max-width: 640px){.contact-section{padding:3rem 0}.contact-header{margin-bottom:2.5rem}.contact-title{font-size:2.2rem;line-height:1.2}.contact-subtitle{font-size:1.05rem;padding:0 1.5rem}.contact-info,.contact-cta{padding:1.8rem}.contact-item{gap:1rem;align-items:center}.contact-icon{width:46px;height:46px;font-size:1.1rem;flex-shrink:0}.contact-text{flex:1}.contact-value{font-size:1rem;word-break:break-word}.availability-badge{padding:.7rem 1rem;font-size:.85rem;text-align:center;justify-content:center;margin-top:1.5rem}.contact-cta h3{font-size:1.6rem;line-height:1.3}.contact-cta p{font-size:.95rem;max-width:100%}.primary-cta-button{padding:1rem 2rem;font-size:.95rem;width:100%;max-width:280px;justify-content:center}.social-links{gap:.8rem}.social-link{min-width:90px;padding:1rem}.social-icon{font-size:1.3rem}.social-label{font-size:.85rem}}@media (max-width: 480px){.contact-section{padding:2.5rem 0}.contact-header{margin-bottom:2rem}.contact-title{font-size:1.8rem;line-height:1.2}.contact-subtitle{font-size:1rem;padding:0 2rem}.contact-info,.contact-cta{padding:1.5rem}.contact-item{gap:1rem;align-items:center}.contact-icon{width:44px;height:44px;font-size:1rem;flex-shrink:0}.contact-text{flex:1}.contact-value{font-size:.95rem}.availability-badge{padding:.6rem .8rem;font-size:.8rem;margin-top:1rem;flex-direction:column;gap:.5rem}.contact-cta h3{font-size:1.4rem}.contact-cta p{font-size:.9rem}.primary-cta-button{padding:.9rem 1.8rem;font-size:.9rem;width:100%}.social-links{flex-direction:column;align-items:center;gap:.6rem}.social-link{flex-direction:row;min-width:220px;width:100%;max-width:280px;justify-content:flex-start;gap:1rem;padding:1rem 1.5rem}.social-icon{font-size:1.2rem}.social-label{font-size:.9rem}}.contact-section .container{padding:0 2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.contact-section .container{padding:0 1.5rem}}@media (max-width: 768px){.contact-section .container{padding:0 1rem}}@media (max-width: 480px){.contact-section .container{padding:0 .8rem}}@media (hover: none) and (pointer: coarse){.social-link:hover,.primary-cta-button:hover{transform:none}.social-link:active{transform:scale(.95)}.primary-cta-button:active{transform:scale(.98)}}.social-link:focus-visible,.primary-cta-button:focus-visible,.contact-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.professional-footer{background:linear-gradient(135deg,#0a0a0a 0%,var(--background-dark) 100%);position:relative;overflow:hidden;margin-top:4rem}.footer-wave{position:absolute;top:0;left:0;width:100%;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;opacity:.1}.footer-content{position:relative;z-index:2;padding:4rem 0 2rem}.footer-main{margin-bottom:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:3rem;align-items:start}.brand-section{padding-right:2rem}.footer-brand{margin-bottom:2rem}.brand-name{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-title{font-size:1.1rem;color:var(--primary-color);margin-bottom:1rem;font-weight:500}.brand-description{font-size:1rem;line-height:1.6;color:var(--text-gray);margin-bottom:1.5rem}.availability-status{display:flex;font-size:.9rem;color:var(--text-gray)}.status-indicator{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 10px #00ff8880;animation:pulse 2s infinite}.footer-section{margin-bottom:2rem}.footer-heading{font-size:1.2rem;font-weight:600;color:var(--text-white);margin-bottom:1.5rem;position:relative}.footer-heading:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:var(--primary-color);border-radius:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-link{color:var(--text-gray);text-decoration:none;font-size:.95rem;transition:all .3s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.footer-link:hover{color:var(--primary-color);transform:translate(5px)}.service-link{cursor:default}.service-link:hover{transform:none}.contact-info{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-gray)}.contact-item svg{color:var(--text-white);font-size:1rem}.contact-link{color:var(--text-gray);text-decoration:none;transition:all .3s ease}.contact-link:hover{color:var(--primary-color)}.social-links-enhanced{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-white);text-decoration:none;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ffbd394d}.social-link.github:hover{background:#333;border-color:#333}.social-link.linkedin:hover{background:#0077b5;border-color:#0077b5}.social-link.email:hover,.social-link.portfolio:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--background-dark)}.social-link svg{font-size:1.2rem}.social-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:5px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease}.social-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}.social-link:hover .social-tooltip{opacity:1}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright p{color:var(--text-gray);font-size:.9rem;margin:0}.footer-meta{display:flex;align-items:center;gap:.5rem}.made-with{font-size:.9rem;color:var(--text-gray);display:flex;align-items:center;gap:.25rem}.heart-icon{color:#ff6b6b;animation:heartbeat 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.brand-section{grid-column:1 / -1;padding-right:0;margin-bottom:2rem}}@media (max-width: 768px){.footer-content{padding:3rem 0 2rem}.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.brand-section{margin-bottom:3rem}.footer-heading:after{left:50%;transform:translate(-50%)}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.social-links-enhanced,.contact-item{justify-content:center}}@media (max-width: 480px){.footer-content{padding:2rem 0 1.5rem}.brand-name{font-size:1.8rem}.brand-title{font-size:1rem}.brand-description{font-size:.9rem}.footer-heading{font-size:1.1rem}.footer-link{font-size:.9rem}.social-link{width:40px;height:40px}.social-link svg{font-size:1.1rem}.contact-item,.copyright p,.made-with{font-size:.85rem}}.scroll-to-top{position:fixed;bottom:1.5rem;right:2rem;width:55px;height:55px;background:var(--gradient-primary);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 4px 20px #ffbd394d;transition:all .3s ease;color:var(--background-dark);font-size:1.2rem;overflow:hidden}.scroll-to-top:hover{box-shadow:0 6px 25px #ffbd3966;transform:translateY(-2px) scale(1.05)}.scroll-to-top:active{transform:translateY(0) scale(.95)}.scroll-to-top svg{transition:transform .3s ease;z-index:2;position:relative}.scroll-to-top:hover svg{transform:translateY(-2px)}.scroll-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;pointer-events:none}.scroll-to-top:active .scroll-ripple{width:100px;height:100px}.scroll-to-top:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--primary-color);opacity:.3;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1.4);opacity:0}}.scroll-to-top:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary-color);animation:rotate 2s linear infinite;opacity:.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:50px;height:50px;font-size:1.1rem}}@media (max-width: 480px){.scroll-to-top{bottom:1rem;right:1rem;width:45px;height:45px;font-size:1rem}}@media (prefers-reduced-motion: reduce){.scroll-to-top:before,.scroll-to-top:after{animation:none}.scroll-to-top{transition:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ffbd39;--secondary-color: #1a1a1a;--text-white: #ffffff;--text-gray: #a0a0a0;--background-dark: #000000;--background-card: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #ffbd39 0%, #ff9500 100%);--gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);--shadow-light: 0 4px 20px rgba(255, 189, 57, .3);--shadow-dark: 0 4px 20px rgba(0, 0, 0, .5)}body{font-family:Poppins,sans-serif;background-color:var(--background-dark);color:var(--text-white);line-height:1.6;overflow-x:hidden}.App{min-height:100vh}html{scroll-behavior:smooth}section{padding:80px 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{margin-bottom:1rem;color:var(--text-gray)}.btn{padding:12px 30px;border:none;border-radius:30px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--background-dark);box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffbd3966}.btn-secondary{background:transparent;color:var(--text-white);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--background-dark);transform:translateY(-2px)}.section-header{text-align:left;margin-bottom:60px}.section-tag{color:var(--primary-color);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;display:block}.section-title{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(135deg,var(--text-white) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.1rem;color:var(--text-gray);max-width:600px;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{to{transform:scale(2);opacity:0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}section{padding:60px 0}.container{padding:0 15px}.btn{padding:10px 25px;font-size:.9rem}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.5rem}.section-title{font-size:2rem}section{padding:40px 0}}