:root{--primary-color: #00ff41;--secondary-color: #ff6b35;--accent-color: #4ecdc4;--dark-color: #1a1a1a;--light-color: #ffffff;--gray-color: #888888;--font-primary: "Press Start 2P", monospace;--font-secondary: "Orbitron", monospace;--font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--radius-sm: 8px;--radius-md: 15px;--radius-lg: 25px;--shadow-sm: 0 2px 8px rgba(0, 255, 65, .1);--shadow-md: 0 8px 25px rgba(0, 255, 65, .2);--shadow-lg: 0 20px 40px rgba(0, 255, 65, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-particles: 1;--z-content: 10}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);line-height:1.6;color:var(--light-color);background:var(--dark-color);overflow-x:hidden;position:relative}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-particles);pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;line-height:1.2}.pixel-text{font-family:var(--font-primary);color:var(--primary-color);text-shadow:0 0 20px var(--primary-color);animation:pixelGlow 3s ease-in-out infinite;position:relative;display:inline-block}.pixel-text:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(0,255,65,.1),transparent);animation:pixelScan 2s linear infinite;pointer-events:none}@keyframes pixelGlow{0%,to{text-shadow:0 0 20px var(--primary-color);transform:scale(1)}50%{text-shadow:0 0 30px var(--primary-color),0 0 40px var(--primary-color);transform:scale(1.02)}}@keyframes pixelScan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-color);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);transition:opacity var(--transition-slow),visibility var(--transition-slow)}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center}.pixel-art{font-size:4rem;margin-bottom:var(--spacing-lg);animation:pulse 2s infinite}.loading-text{font-family:var(--font-primary);font-size:1.2rem;color:var(--primary-color);margin-bottom:var(--spacing-lg)}.loading-bar{width:300px;height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden;margin:0 auto}.loading-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-sm);animation:loading 3s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navbar{position:fixed;top:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid var(--accent-color);z-index:var(--z-fixed);padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;flex-shrink:0}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo{display:flex;align-items:center}.nav-logo .pixel-text{font-size:1.5rem;color:var(--primary-color);text-shadow:0 0 20px var(--primary-color)}.nav-menu{display:flex;gap:var(--spacing-lg);margin:0;padding:0;list-style:none}.nav-item{position:relative}.nav-link{color:var(--light-color);text-decoration:none;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .3s ease-in-out;font-family:var(--font-secondary);position:relative}.nav-link:hover{color:var(--primary-color);background:#00ff411a}.nav-link.active{color:var(--primary-color);background:#00ff4126}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-color);transition:width .3s ease-in-out}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-settings{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto;flex-shrink:0}.nav-settings .control-group{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease}.nav-settings .control-group:hover{background:#ffffff0d}.nav-settings .control-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--light-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-size:.85rem;min-width:70px;justify-content:center}.nav-settings .control-btn:hover{background:#4ecdc41a;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 15px #4ecdc433}.nav-settings .control-btn i{font-size:.9rem;color:var(--accent-color)}.nav-settings .control-btn:hover i{color:var(--primary-color)}.nav-settings .control-label{font-weight:500;font-size:.75rem}.theme-switcher,.language-switcher{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-switcher label,.language-switcher label{color:var(--light-color);font-family:var(--font-secondary);font-size:.8rem;margin-right:var(--spacing-xs)}.theme-switcher select,.language-switcher select{background:var(--dark-color);color:var(--light-color);border:2px solid var(--primary-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-secondary);font-size:.8rem;cursor:pointer;transition:all .3s ease-in-out}.theme-switcher select:hover,.language-switcher select:hover{border-color:var(--accent-color);background:#4ecdc41a}.theme-switcher select:focus,.language-switcher select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 10px #ff6b354d}.theme-switcher select option,.language-switcher select option{background:var(--dark-color);color:var(--light-color);font-family:var(--font-secondary)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger .bar{width:25px;height:3px;background:var(--accent-color);border-radius:2px;transition:all .3s ease-in-out}.hamburger:hover .bar{background:var(--primary-color)}@media (max-width: 768px){.nav-menu{display:none}.nav-settings{gap:var(--spacing-sm)}.nav-settings .control-btn{padding:.5rem;min-width:44px;justify-content:center}.nav-settings .control-label,.theme-selector label{display:none}.hamburger{display:flex}.nav-container{padding:0 var(--spacing-sm)}}@media (max-width: 480px){.nav-settings{gap:.25rem}.nav-settings .control-btn{padding:.4rem;min-width:40px;font-size:.75rem}.nav-settings .control-btn i{font-size:.8rem}}.theme-switcher{display:flex;align-items:center;margin-left:var(--spacing-lg)}.theme-switcher label{font-size:.9rem;margin-right:var(--spacing-sm)}.theme-switcher select{background:var(--dark-color);color:var(--light-color);border:2px solid var(--primary-color);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-secondary);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.theme-switcher select:hover{border-color:var(--secondary-color);transform:translateY(-1px)}.theme-switcher select:focus{outline:none;box-shadow:0 0 0 3px #00ff4133}.language-switcher{position:relative;margin-left:var(--spacing-lg);cursor:pointer;-webkit-user-select:none;user-select:none}.language-current{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0000004d;border:2px solid var(--accent-color);border-radius:var(--radius-sm);transition:var(--transition-normal)}.language-current:hover{border-color:var(--primary-color);transform:translateY(-1px)}.language-flag{font-size:1.2rem}.language-name{font-family:var(--font-secondary);font-size:.9rem;font-weight:600;color:var(--light-color)}.language-current i{color:var(--accent-color);font-size:.8rem;transition:var(--transition-normal)}.language-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--dark-color);border:2px solid var(--accent-color);border-radius:var(--radius-sm);margin-top:var(--spacing-xs);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-normal);z-index:var(--z-dropdown)}.language-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.1)}.language-option:last-child{border-bottom:none}.language-option:hover{background:#00ff411a;color:var(--primary-color)}.language-option.active{background:#00ff4133;color:var(--primary-color)}.language-option .language-flag{font-size:1rem}.language-option .language-name{font-size:.8rem}.dashboard-main{padding-top:calc(70px + var(--spacing-lg));min-height:100vh;background:var(--bg-color);position:relative;z-index:1}.dashboard-hero{padding:var(--spacing-lg) var(--spacing-md);text-align:center;margin-bottom:var(--spacing-lg);transition:all .8s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,filter;animation:heroFadeIn 1s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero.exiting{transform:translateY(-100%) scale(.95);opacity:0;filter:blur(10px)}.dashboard-hero.hidden{display:none}.hero-header{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);align-items:center}.hero-info{text-align:left}.hero-title{margin-bottom:var(--spacing-sm);line-height:1.1}.hero-subtitle{color:var(--secondary-color);font-family:var(--font-secondary);font-size:1.5rem;margin-bottom:var(--spacing-md);text-shadow:0 0 15px var(--secondary-color)}.hero-description{color:var(--gray-color);font-size:1.1rem;line-height:1.6;max-width:500px;margin:0}.hero-stats{display:flex;gap:var(--spacing-md);justify-content:flex-end}.stat-card{background:#0006;border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;min-width:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-family:var(--font-primary);font-size:1.8rem;color:var(--primary-color);margin-bottom:var(--spacing-xs);text-shadow:0 0 20px var(--primary-color)}.stat-label{display:block;color:var(--gray-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dashboard-tabs{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md) 0}.tab-buttons{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0006;border:2px solid var(--accent-color);border-radius:var(--radius-lg);color:var(--accent-color);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-secondary);font-weight:600;font-size:.9rem}.tab-btn:hover{background:#4ecdc41a;border-color:var(--primary-color);transform:translateY(-2px)}.tab-btn.active{background:var(--primary-color);color:var(--dark-color);border-color:var(--primary-color)}.tab-btn i{font-size:1rem}.tab-filters{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{color:var(--gray-color);font-size:.9rem;font-weight:600}.filter-select{background:#0006;border:2px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--light-color);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-secondary);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.filter-select:hover{border-color:var(--primary-color)}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-color);color:var(--dark-color);border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-secondary);font-weight:600;font-size:.8rem;transition:var(--transition-fast)}.refresh-btn:hover{background:var(--primary-color);transform:scale(1.05)}.dashboard-content{max-width:1400px;margin:0 auto}.tab-content{display:none;animation:fadeIn .3s ease-in-out}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}@media (min-width: 1400px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px) and (max-width: 1399px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.dashboard-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-sm)}}.refresh-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--dark-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;opacity:0;transform:translateY(-20px);transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-notification i{font-size:1.2rem}.dashboard-card{position:relative;overflow:hidden;transition:all .4s ease-in-out;border:2px solid var(--accent-color);background:linear-gradient(135deg,#0009,#4ecdc405)}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color),var(--accent-color));opacity:0;transition:opacity .3s ease-in-out}.dashboard-card:hover:before{opacity:1}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:var(--primary-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.card-header h3{margin:0;color:var(--primary-color);font-family:var(--font-secondary);font-size:1.4rem;text-align:left;border-bottom:none;padding-bottom:0;text-shadow:0 0 15px rgba(0,255,65,.3)}.category-tag{display:inline-block;background:linear-gradient(135deg,#4ecdc433,#00ff411a);color:var(--accent-color);padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;border:1px solid rgba(78,205,196,.4);text-transform:uppercase;letter-spacing:.8px;transition:all .3s ease-in-out;box-shadow:0 2px 8px #4ecdc433}.category-tag:hover{background:linear-gradient(135deg,#4ecdc44d,#00ff4133);transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc44d;border-color:var(--primary-color)}@media (max-width: 768px){.nav-tabs{gap:var(--spacing-xs)}.nav-tab{min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}.nav-tab span{font-size:.7rem}.about-grid,.overview-grid,.technical-grid,.experience-grid,.projects-grid,.contact-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-header h2{font-size:1.5rem}.hero-header{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-stats{justify-content:center}.stat-card{min-width:80px}.impact-score{flex-direction:column;gap:var(--spacing-md)}.score-circle{width:100px;height:100px}.excellence-grid,.metrics-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.nav-container{padding:0 var(--spacing-sm)}.nav-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm)}.nav-tab{min-width:70px;padding:var(--spacing-xs)}.nav-tab span{font-size:.65rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.stat-card{min-width:70px;padding:var(--spacing-sm)}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.section-header h2{font-size:1.3rem}.section-header p{font-size:.9rem}.dashboard-card{padding:var(--spacing-md)}.card-header h3{font-size:1.2rem}.category-tag{font-size:.7rem;padding:4px 8px}.contact-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.form-group input,.form-group textarea{font-size:.85rem;padding:var(--spacing-xs)}.contact-info-card .contact-item{padding:var(--spacing-xs)}.contact-info-card .contact-item i{font-size:1rem;width:25px}.contact-info-card .contact-item span{font-size:.85rem}}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:var(--light-color);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;white-space:nowrap;z-index:var(--z-tooltip);margin-bottom:var(--spacing-xs);border:1px solid var(--primary-color);max-width:250px;white-space:normal;text-align:center}[data-tooltip]:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6;margin-bottom:calc(var(--spacing-xs) - 5px)}.dashboard-card{background:#0006;border:2px solid var(--accent-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;display:flex;flex-direction:column}.dashboard-card h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-family:var(--font-secondary);font-size:1.3rem;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.metric-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#4ecdc40d;border-radius:var(--radius-sm);border:1px solid rgba(78,205,196,.1);transition:all .3s ease-in-out}.metric-item:hover{background:#4ecdc41a;border-color:#4ecdc433;transform:translateY(-2px)}.metric-icon{font-size:1.5rem;width:40px;text-align:center}.metric-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-value{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;color:var(--primary-color)}.metric-label{font-size:.8rem;color:var(--gray-color);text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#00ff410d;border-radius:var(--radius-sm);border:1px solid rgba(0,255,65,.1);transition:all .3s ease-in-out}.stat-item:hover{background:#00ff411a;border-color:#00ff4133;transform:translateY(-2px)}.stat-item i{color:var(--primary-color);font-size:1.2rem;width:30px;text-align:center}.stat-item span{color:var(--light-color);font-size:.9rem;font-weight:500}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-family:var(--font-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;text-align:center}.btn-primary{background:var(--primary-color);color:var(--dark-color);border:2px solid var(--primary-color)}.btn-primary:hover{background:transparent;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px #00ff414d}.dashboard-card .btn{margin-top:auto;align-self:center;min-width:120px}.section{padding:var(--spacing-xxl) 0;border-bottom:1px solid rgba(0,255,65,.1)}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.section-header p{font-size:1.2rem;color:var(--gray-color);max-width:600px;margin:0 auto}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xxl);align-items:center}.about-text p{font-size:1.1rem;color:var(--gray-color);margin-bottom:var(--spacing-lg);line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.about-stat{text-align:center;padding:var(--spacing-lg);background:#0000004d;border-radius:var(--radius-md);border:1px solid var(--primary-color)}.about-stat .stat-number{display:block;font-size:2rem;color:var(--primary-color);font-weight:700;margin-bottom:var(--spacing-sm)}.about-stat .stat-label{font-size:.9rem;color:var(--gray-color);text-transform:uppercase}.about-image{display:flex;justify-content:center;align-items:center;min-height:300px}.image-placeholder{width:200px;height:200px;background:#0000004d;border:2px dashed var(--primary-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary-color)}.image-placeholder i{font-size:4rem;margin-bottom:var(--spacing-sm)}.image-placeholder span{font-size:.9rem;color:var(--gray-color)}#profile-carousel{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.image-carousel{width:100%;max-width:300px;position:relative;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--dark-color)}.carousel-container{position:relative;width:100%;height:300px;border-radius:50%;overflow:hidden}.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-normal);border-radius:50%;overflow:hidden}.carousel-slide.active{opacity:1}.carousel-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform var(--transition-normal)}.carousel-slide:hover .carousel-image{transform:scale(1.05)}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.skill-category h3{color:var(--secondary-color);margin-bottom:var(--spacing-lg);font-size:1.5rem}.skill-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.skill-name{font-weight:600;color:var(--light-color);min-width:120px}.skill-bar{flex:1;height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-sm);transition:width 1s ease}.projects-gallery{margin-top:var(--spacing-xl)}.gallery-header{text-align:center;margin-bottom:var(--spacing-xl)}.gallery-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.gallery-filters{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-secondary);font-weight:600}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:var(--dark-color);transform:translateY(-2px)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.project-card{background:#0006;border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal);cursor:pointer;border:2px solid transparent}.project-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.overlay-content h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.overlay-content p{margin-bottom:var(--spacing-md);font-size:.9rem}.project-tech-preview{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.project-tech-preview .tech-tag{background:var(--accent-color);color:var(--dark-color);padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.view-project-btn{background:var(--primary-color);color:var(--dark-color);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition-normal)}.view-project-btn:hover{background:var(--secondary-color);transform:scale(1.05)}.project-details{padding:var(--spacing-lg)}.project-details h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.2rem}.project-details p{color:var(--gray-color);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6}.project-actions{display:flex;gap:var(--spacing-sm)}.project-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none;font-size:.8rem;font-weight:600;transition:var(--transition-normal)}.project-link.github{background:var(--dark-color);color:var(--light-color);border:1px solid var(--gray-color)}.project-link.live{background:var(--primary-color);color:var(--dark-color)}.project-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.certifications-section{margin-top:var(--spacing-xl)}.certifications-header{text-align:center;margin-bottom:var(--spacing-xl)}.certifications-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-md)}.certifications-header p{font-size:1.2rem;color:var(--gray-color);margin-bottom:var(--spacing-lg)}.cert-filters{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.cert-filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--accent-color);background:transparent;color:var(--accent-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);font-family:var(--font-secondary);font-weight:600}.cert-filter-btn:hover,.cert-filter-btn.active{background:var(--accent-color);color:var(--dark-color);transform:translateY(-2px)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.certification-card{background:#0006;border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-normal);border:2px solid transparent}.certification-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.cert-image{position:relative;height:150px;overflow:hidden}.cert-image img{width:100%;height:100%;object-fit:cover}.cert-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal)}.certification-card:hover .cert-overlay{opacity:1}.overlay-content{text-align:center;color:var(--light-color)}.overlay-content h4{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.overlay-content p{margin-bottom:var(--spacing-sm);font-size:.9rem}.credential-id{font-size:.8rem;color:var(--accent-color);font-family:var(--font-primary)}.cert-details{padding:var(--spacing-lg)}.cert-details h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.1rem}.cert-issuer{color:var(--secondary-color);font-weight:600;margin-bottom:var(--spacing-sm)}.cert-date{color:var(--gray-color);font-size:.9rem;margin-bottom:var(--spacing-md)}.cert-skills{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.skill-tag{background:var(--accent-color);color:var(--dark-color);padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.skill-more{background:var(--secondary-color);color:var(--dark-color);padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600}.cert-actions{display:flex;gap:var(--spacing-sm)}.verify-btn,.details-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none;font-size:.8rem;font-weight:600;transition:var(--transition-normal);border:none;cursor:pointer}.verify-btn{background:var(--primary-color);color:var(--dark-color)}.details-btn{background:transparent;color:var(--accent-color);border:1px solid var(--accent-color)}.verify-btn:hover,.details-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xxl)}.cert-stats .stat-item{text-align:center;padding:var(--spacing-lg);background:#0000004d;border-radius:var(--radius-md);border:1px solid var(--accent-color)}.cert-stats .stat-number{display:block;font-size:2rem;color:var(--accent-color);font-weight:700;margin-bottom:var(--spacing-sm)}.cert-stats .stat-label{font-size:.9rem;color:var(--gray-color);text-transform:uppercase}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);margin-top:var(--spacing-xl)}.contact-info-detailed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item-detailed{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#0000004d;border-radius:var(--radius-md);border:1px solid var(--primary-color)}.contact-item-detailed i{font-size:2rem;color:var(--primary-color);width:50px;text-align:center}.contact-item-detailed h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.1rem}.contact-item-detailed p{color:var(--gray-color);font-size:.9rem}.contact-form{background:#0000004d;padding:var(--spacing-xl);border-radius:var(--radius-md);border:1px solid var(--primary-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);background:#00000080;border:1px solid var(--gray-color);border-radius:var(--radius-sm);color:var(--light-color);font-family:var(--font-body);transition:var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00ff411a}.audio-visualizer-container{position:fixed;bottom:20px;right:20px;width:200px;height:100px;z-index:var(--z-content);opacity:.7;transition:opacity var(--transition-normal)}.audio-visualizer-container:hover{opacity:1}.audio-visualizer{width:100%;height:100%;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--primary-color)}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glitch-effect{animation:glitch .3s ease-in-out}.gallery-modal,.cert-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-normal)}.gallery-modal.modal-open,.cert-modal.modal-open{opacity:1}.modal-content{background:var(--dark-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);max-width:90vw;max-height:90vh;overflow:auto;position:relative}.close-modal{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:2rem;color:var(--primary-color);cursor:pointer;z-index:1;transition:var(--transition-normal)}.close-modal:hover{color:var(--secondary-color);transform:scale(1.1)}.modal-body{padding:var(--spacing-xl)}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#1a1a1af2;width:100%;text-align:center;transition:var(--transition-normal);padding:var(--spacing-lg) 0}.nav-menu.active{left:0}.hero-header{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.hero-info h1{font-size:2rem}.hero-stats{grid-template-columns:1fr;max-width:300px;margin:0 auto}.dashboard-grid{grid-template-columns:1fr;padding:var(--spacing-lg) var(--spacing-sm);gap:var(--spacing-md)}.tab-buttons{gap:var(--spacing-xs)}.tab-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.tab-btn span{display:none}.tab-filters{flex-direction:column;gap:var(--spacing-sm)}.filter-group{flex-direction:column;align-items:center}.metrics-grid,.stats-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.dashboard-card{min-height:180px;padding:var(--spacing-md)}.dashboard-card h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.metric-value,.stat-item span{font-size:.9rem}.metric-label{font-size:.8rem}.theme-switcher,.language-switcher{margin-left:0;margin-top:var(--spacing-sm);order:3;width:100%;justify-content:center}.audio-visualizer-container{width:150px;height:75px;bottom:10px;right:10px}.about-content{grid-template-columns:1fr;text-align:center}.skills-categories,.contact-content,.cert-stats{grid-template-columns:1fr}.image-carousel{max-width:250px;margin:0 auto}.carousel-container{height:250px}.nav-container{flex-wrap:wrap;gap:var(--spacing-sm)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero-info h1{font-size:1.5rem}.hero-subtitle{font-size:1.3rem}.dashboard-card{padding:var(--spacing-md)}.tech-tags{justify-content:center}.audio-visualizer-container{display:none}.section-header h2{font-size:2rem}.gallery-filters,.cert-filters{flex-direction:column;align-items:center}.filter-btn,.cert-filter-btn{width:200px}.language-switcher{width:100%}.language-current{justify-content:center}.dashboard-grid{padding:var(--spacing-md) var(--spacing-xs);gap:var(--spacing-sm)}.dashboard-card{min-height:160px;padding:var(--spacing-sm)}.metric-item,.stat-item,.contact-item{padding:var(--spacing-xs)}.metric-icon{width:30px;height:30px;font-size:1.2rem}.stat-item i{width:25px;height:25px;font-size:1rem}.timeline-item,.tech-category{padding:var(--spacing-xs)}}.portfolio-navigation{background:linear-gradient(135deg,#000c,#4ecdc40d);border:2px solid var(--accent-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) auto;max-width:1400px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.portfolio-navigation:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:dataFlow 4s linear infinite}@keyframes dataFlow{0%{left:-100%}to{left:100%}}.nav-tabs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;position:relative;z-index:1}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:#00000080;border:2px solid var(--accent-color);border-radius:var(--radius-md);color:var(--light-color);cursor:pointer;transition:all .4s ease-in-out;min-width:120px;font-family:var(--font-secondary);font-size:.9rem;font-weight:600;position:relative;overflow:hidden}.nav-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.1),transparent);transition:left .5s ease-in-out}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:#4ecdc41a;border-color:var(--primary-color);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #00ff414d}.nav-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--dark-color);border-color:var(--primary-color);box-shadow:0 8px 30px #00ff4166;transform:translateY(-2px)}.nav-tab.active:before{display:none}.nav-tab i{font-size:1.4rem;margin-bottom:var(--spacing-xs);transition:transform .3s ease-in-out}.nav-tab:hover i,.nav-tab.active i{transform:scale(1.1)}.nav-tab span{font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;font-weight:700;transition:all .3s ease-in-out}.nav-tab:hover span{letter-spacing:1px}.nav-tab.active span{letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.portfolio-sections{margin-top:var(--spacing-md);position:relative;z-index:1}.portfolio-section{display:none;animation:fadeInUp .6s ease-out;min-height:100vh}.portfolio-section.active{display:block}.section-header{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#0009,#4ecdc40d);border-radius:var(--radius-lg);border:1px solid rgba(78,205,196,.3);position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--primary-color),var(--accent-color));opacity:.7}.section-header h2{color:var(--primary-color);font-family:var(--font-secondary);font-size:2.2rem;margin-bottom:var(--spacing-md);text-shadow:0 0 30px rgba(0,255,65,.4);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:var(--gray-color);font-size:1.1rem;font-style:italic;max-width:700px;margin:0 auto;line-height:1.6}.about-grid,.overview-grid,.technical-grid,.experience-grid,.projects-grid,.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.personal-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#4ecdc40d;border-radius:var(--radius-sm);border:1px solid rgba(78,205,196,.1);transition:all .3s ease-in-out}.info-item:hover{background:#4ecdc41a;border-color:#4ecdc433;transform:translate(5px)}.info-item i{font-size:1.2rem;color:var(--accent-color);width:30px;text-align:center}.info-content h4{color:var(--primary-color);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.info-content p{color:var(--light-color);font-size:1rem;margin:0;font-weight:500}.summary-content{line-height:1.7}.summary-content p{color:var(--light-color);font-size:1.1rem;margin-bottom:var(--spacing-lg);text-align:justify}.key-highlights{display:flex;flex-direction:column;gap:var(--spacing-sm)}.highlight-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#00ff410d;border-radius:var(--radius-sm);border:1px solid rgba(0,255,65,.1);transition:all .3s ease-in-out}.highlight-item:hover{background:#00ff411a;border-color:#00ff4133;transform:translate(5px)}.highlight-item i{color:var(--primary-color);font-size:1rem;width:20px;text-align:center}.highlight-item span{color:var(--light-color);font-size:.95rem;font-weight:500}.chart-container{height:200px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:var(--radius-sm);flex:1;position:relative}.chart-container canvas{max-width:100%;max-height:100%}.timeline-compact{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);transition:var(--transition-fast)}.timeline-item:hover{background:#0000004d;transform:translate(5px)}.timeline-dot{width:12px;height:12px;background:var(--primary-color);border-radius:50%;margin-top:6px;flex-shrink:0}.timeline-content h4{color:var(--secondary-color);margin-bottom:.25rem;font-size:1rem}.timeline-content span{color:var(--primary-color);font-size:.9rem;font-weight:600}.timeline-content p{color:var(--gray-color);font-size:.9rem;margin-top:.25rem}.tech-grid{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.tech-category{padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);transition:var(--transition-fast)}.tech-category:hover{background:#0000004d;transform:translateY(-2px)}.tech-category h4{color:var(--secondary-color);margin-bottom:var(--spacing-sm);font-size:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tags span{background:var(--accent-color);color:var(--dark-color);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex:1}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);transition:var(--transition-fast)}.contact-item:hover{background:#0000004d;transform:translate(5px)}.contact-item i{color:var(--primary-color);width:20px}.contact-item span{font-size:.9rem;color:var(--light-color)}.impact-score{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.score-circle{width:120px;height:120px;border:4px solid var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00ff411a;flex-shrink:0}.score-number{font-family:var(--font-secondary);font-size:1.8rem;font-weight:700;color:var(--primary-color)}.impact-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.impact-item{display:flex;align-items:center;gap:var(--spacing-sm)}.impact-label{color:var(--light-color);font-size:.9rem;min-width:120px}.impact-bar{flex:1;height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.impact-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-sm);transition:width 1s ease}.impact-value{color:var(--primary-color);font-weight:600;font-size:.9rem;min-width:40px;text-align:right}.excellence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);flex:1}.excellence-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);transition:var(--transition-fast)}.excellence-item:hover{background:#0000004d;transform:translateY(-2px)}.excellence-icon{font-size:1.5rem;width:40px;text-align:center}.excellence-content h4{color:var(--secondary-color);margin-bottom:var(--spacing-xs);font-size:.9rem}.excellence-score{color:var(--primary-color);font-weight:600;font-size:.9rem}.human-skills-grid{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.skill-category{padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.skill-category h4{color:var(--secondary-color);margin-bottom:var(--spacing-sm);font-size:1rem}.skill-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#4ecdc40d;border-radius:var(--radius-sm);border:1px solid rgba(78,205,196,.1)}.skill-item span{color:var(--light-color);font-size:.9rem}.skill-score{color:var(--primary-color);font-weight:600;font-size:.9rem}.business-metrics{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.business-metric{padding:var(--spacing-md);background:#0003;border-radius:var(--radius-sm);border:1px solid var(--primary-color)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-header h4{color:var(--secondary-color);font-size:1rem}.metric-percentage{color:var(--primary-color);font-weight:600;font-size:1.1rem}.metric-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.metric-item span{color:var(--light-color);font-size:.9rem;min-width:120px}.metric-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.metric-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-sm);transition:width 1s ease}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group input,.form-group textarea{background:#0000004d;border:2px solid var(--accent-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--light-color);font-family:var(--font-body);font-size:.9rem;transition:all .3s ease-in-out}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#00ff411a;box-shadow:0 0 10px #00ff4133}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-color)}.contact-info-card,.contact-form-card{background:#0006;border:2px solid var(--accent-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:200px;display:flex;flex-direction:column}.contact-info-card:hover,.contact-form-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d;border-color:var(--primary-color)}.contact-info-card .contact-info{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.contact-info-card .contact-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#4ecdc40d;border-radius:var(--radius-sm);border:1px solid rgba(78,205,196,.1);transition:all .3s ease-in-out}.contact-info-card .contact-item:hover{background:#4ecdc41a;border-color:#4ecdc433;transform:translate(5px)}.contact-info-card .contact-item i{color:var(--primary-color);font-size:1.2rem;width:30px;text-align:center}.contact-info-card .contact-item span{color:var(--light-color);font-size:.9rem;font-weight:500}.portfolio-navigation{display:flex;justify-content:space-between;align-items:center;background:var(--card-background);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-color)}.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-color);cursor:pointer;transition:all .3s ease;font-family:Orbitron,monospace;font-size:.9rem}.nav-tab:hover{background:#4ecdc41a;border-color:var(--accent-color);transform:translateY(-2px)}.nav-tab.active{background:var(--accent-color);color:var(--background-color);border-color:var(--accent-color);box-shadow:0 4px 15px #4ecdc44d}.nav-tab i{font-size:1rem}.control-group{position:relative}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--accent-color);border-radius:8px;color:var(--light-color);cursor:pointer;transition:all .3s ease;font-family:var(--font-secondary);font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#4ecdc41a;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc433}.control-btn i{font-size:1rem;color:var(--accent-color)}.control-label{font-weight:500}@media (max-width: 768px){.portfolio-navigation{flex-direction:column;gap:1rem;padding:1rem}.nav-tabs{justify-content:center;width:100%}.control-btn{padding:.5rem .75rem;font-size:.8rem}.control-label{display:none}}@media (max-width: 480px){.nav-tabs{gap:.25rem}.nav-tab{padding:.5rem .75rem;font-size:.8rem}.control-btn{padding:.5rem;min-width:44px;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{background:var(--dark-color);border:2px solid var(--accent-color);border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--accent-color)}.modal-header h3{color:var(--primary-color);font-family:var(--font-secondary);margin:0}.modal-close{background:none;border:none;color:var(--accent-color);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#4ecdc41a;color:var(--primary-color)}.modal-content{padding:var(--spacing-lg)}.modal-subtitle{color:var(--gray-color);margin-bottom:var(--spacing-lg);font-size:.9rem}.theme-list{display:grid;gap:var(--spacing-md)}.theme-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;background:#ffffff0d}.theme-option:hover{border-color:var(--accent-color);background:#4ecdc41a;transform:translateY(-2px)}.theme-option.active{border-color:var(--primary-color);background:#00ff411a}.theme-preview{width:40px;height:40px;border-radius:50%;border:2px solid var(--light-color)}.theme-info h4{color:var(--light-color);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-secondary)}.theme-colors{display:flex;gap:var(--spacing-xs)}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--light-color)}.language-list{display:grid;gap:var(--spacing-sm)}.language-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;background:#ffffff0d}.language-option:hover{border-color:var(--accent-color);background:#4ecdc41a;transform:translateY(-2px)}.language-option.active{border-color:var(--primary-color);background:#00ff411a}.language-flag{font-size:1.5rem}.language-name{color:var(--light-color);font-weight:500;flex:1}.language-code{color:var(--accent-color);font-family:var(--font-secondary);font-size:.8rem}.settings-content{display:grid;gap:var(--spacing-lg)}.setting-section h4{color:var(--primary-color);margin:0 0 var(--spacing-md) 0;font-family:var(--font-secondary);border-bottom:1px solid var(--accent-color);padding-bottom:var(--spacing-xs)}.setting-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.setting-item label{color:var(--light-color);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.setting-item input[type=range]{width:100%;height:6px;background:var(--gray-color);border-radius:3px;outline:none;-webkit-appearance:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer}.setting-item input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}@media (max-width: 768px){.modal{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-header,.modal-content{padding:var(--spacing-md)}.theme-list,.language-list{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.setting-item input[type=range]{width:100%}.theme-option,.language-option{padding:var(--spacing-sm)}.theme-preview{width:30px;height:30px}.language-flag{font-size:1.2rem}}@media (max-width: 480px){.modal{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.modal-header h3{font-size:1.1rem}.modal-subtitle{font-size:.8rem}.theme-option,.language-option{padding:var(--spacing-xs);gap:var(--spacing-sm)}.theme-info h4,.language-name{font-size:.9rem}}@keyframes heroStatsEntrance{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroTitleEntrance{0%{opacity:0;transform:translateY(-50px) scale(.8);filter:blur(10px)}50%{opacity:.7;transform:translateY(-25px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes heroSubtitleEntrance{0%{opacity:0;transform:translate(-50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroDescriptionEntrance{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.audio-player-container{position:fixed;top:80px;right:20px;z-index:var(--z-fixed);width:320px;background:#000000e6;border:2px solid var(--accent-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0009;transition:all .3s ease;font-family:var(--font-secondary)}.audio-player-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #000c}.audio-player{padding:var(--spacing-md)}.audio-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.track-info{flex:1;min-width:0}.track-title{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.8rem;color:var(--gray-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-button{background:none;border:none;color:var(--accent-color);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease}.expand-button:hover{background:#4ecdc41a;transform:scale(1.1)}.audio-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--light-color);padding:var(--spacing-sm);border-radius:50%;cursor:pointer;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#00ff4133;border-color:var(--primary-color);transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.control-btn.disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none}.play-btn{width:48px;height:48px;background:var(--primary-color);border-color:var(--primary-color);color:var(--dark-color)}.play-btn:hover{background:var(--primary-color);box-shadow:0 0 20px #00ff4180}.audio-progress{margin-bottom:var(--spacing-md)}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width .1s ease;position:relative}.progress-fill:after{content:"";position:absolute;right:-4px;top:-2px;width:8px;height:8px;background:var(--light-color);border-radius:50%;box-shadow:0 0 10px #00ff4180}.time-display{font-size:.8rem;color:var(--gray-color);text-align:center;display:block}.audio-volume{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-color);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #4ecdc480}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-color);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px #4ecdc480}.playlist-container{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md)}.playlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.playlist-header h4{color:var(--light-color);font-size:.9rem;margin:0}.license-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.7rem;color:var(--gray-color)}.license-info a{color:var(--accent-color);text-decoration:none}.license-info a:hover{color:var(--primary-color)}.playlist-tracks{max-height:200px;overflow-y:auto}.playlist-track{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;margin-bottom:2px}.playlist-track:hover{background:#ffffff0d}.playlist-track.active{background:#00ff411a;border-left:3px solid var(--primary-color)}.playlist-track .track-info{flex:1;min-width:0}.playlist-track .track-title{font-size:.8rem;margin-bottom:1px}.playlist-track .track-artist{font-size:.7rem}.playlist-track .track-duration{font-size:.7rem;color:var(--gray-color);margin:0 var(--spacing-xs)}.playlist-track .track-category{font-size:.6rem;color:var(--accent-color);background:#4ecdc41a;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.audio-player-container{position:fixed;bottom:20px;right:20px;top:auto;width:280px}.audio-player{padding:var(--spacing-sm)}.control-btn{width:36px;height:36px;padding:var(--spacing-xs)}.play-btn{width:44px;height:44px}}@media (max-width: 480px){.audio-player-container{width:calc(100vw - 40px);right:20px;left:20px}.playlist-container{display:none!important}.expand-button{display:none}}@keyframes trackChange{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.track-info{animation:trackChange .3s ease-out}.playlist-tracks::-webkit-scrollbar{width:6px}.playlist-tracks::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.playlist-tracks::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}