@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border-bottom:1px solid #0000;left:0;padding:var(--space-md) 0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-fixed)}.header.scrolled{background:#0a0a0af2;border-bottom-color:var(--border-primary);padding:var(--space-sm) 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.header-container,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:2px;-webkit-user-select:none;user-select:none}.logo-text{color:var(--text-primary);font-family:var(--font-sans)}.logo-accent,.logo-text{font-size:1.5rem;font-weight:700}.logo-accent{color:var(--accent-primary)}.desktop-nav{align-items:center;display:flex;gap:var(--space-xl)}.nav-item{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:var(--space-sm) 0;position:relative;transition:color var(--transition-fast)}.nav-item.active,.nav-item:hover{color:var(--text-primary)}.nav-indicator{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px;bottom:-4px;height:2px;left:0;position:absolute;right:0}.mobile-menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;margin:calc(var(--space-sm)*-1);padding:var(--space-sm)}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0afa;border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-md);left:0;max-height:75vh;overflow-y:auto;padding:var(--space-lg);position:absolute;right:0;top:100%}.mobile-nav-item{background:none;border:none;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:var(--space-md) 0;text-align:left;transition:color var(--transition-fast)}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-item:last-child{border-bottom:none}@media (max-width:900px){.desktop-nav{display:none}.mobile-menu-button{display:block}.header-container{padding:0 var(--space-md)}}@media (max-width:480px){.logo-accent,.logo-text{font-size:1.3rem}.mobile-nav{padding:var(--space-md)}}.animated-background{height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:768px){.animated-background{opacity:.8}}@media (prefers-reduced-motion:reduce){.animated-background{opacity:.5}}.typewriter-text{display:inline-block;white-space:nowrap}.typewriter-cursor{animation:blink 1s infinite;color:var(--accent-primary);font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-cursor.finished{animation:none;opacity:0}@media (max-width:768px){.typewriter-text{white-space:normal;word-break:break-word}}.dynamic-greeting{align-items:center;color:#64748b;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:.5rem}.greeting-emoji{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem}.greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#5eead4);-webkit-background-clip:text;background-clip:text;font-weight:600}.dynamic-greeting.morning{--accent-color:#fbbf24}.dynamic-greeting.afternoon{--accent-color:#f59e0b}.dynamic-greeting.evening{--accent-color:#14b8a6}.dynamic-greeting.night{--accent-color:#6366f1}.dynamic-greeting.morning .greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.dynamic-greeting.afternoon .greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#14b8a6);-webkit-background-clip:text;background-clip:text}.dynamic-greeting.evening .greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#5eead4);-webkit-background-clip:text;background-clip:text}.dynamic-greeting.night .greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.greeting-emoji{animation:subtle-bounce 3s ease-in-out infinite}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:768px){.dynamic-greeting{font-size:1rem;justify-content:center}.greeting-emoji{font-size:1.2rem}}.hero{align-items:center;background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:5rem;position:relative}.hero-content{max-width:800px;padding:0 var(--space-lg);position:relative;text-align:center;z-index:2}.hero-text{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.hero-greeting{color:var(--text-secondary);font-size:1.1rem;font-weight:500;text-align:center}.hero-greeting,.hero-name{margin-bottom:var(--space-sm)}.hero-name{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:clamp(3.5rem,8vw,6rem);font-weight:800;justify-content:center;line-height:1.1;overflow:visible;text-align:center;white-space:nowrap}.hero-title{color:var(--accent-primary);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}.hero-subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:var(--space-3xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center}.cta-button{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-normal)}.cta-button.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 20px #6366f14d;color:var(--text-primary)}.cta-button.primary:hover{box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.hero-social{display:flex;gap:var(--space-md)}.social-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:48px;justify-content:center;text-decoration:none;transition:all var(--transition-normal);width:48px}.social-button:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 4px 20px #6366f133;color:var(--accent-primary)}.scroll-indicator{align-items:center;background:none;border:none;bottom:var(--space-xl);color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);left:50%;margin:0;min-width:-webkit-max-content;min-width:max-content;padding:0;position:absolute;right:auto;top:auto;transform:translateX(-50%);transition:color var(--transition-normal);width:auto;z-index:10}.scroll-indicator:hover{color:var(--text-secondary)}.scroll-indicator span{font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.scroll-indicator svg{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:768px){.hero{min-height:100dvh;padding-bottom:4rem;padding-top:6rem}.hero-content{padding:0 var(--space-md)}.hero-title{font-size:clamp(1.25rem,6vw,1.8rem)}.hero-subtitle{font-size:1rem;margin-bottom:var(--space-xl)}.hero-actions{flex-direction:column;gap:var(--space-lg);width:100%}.cta-button{justify-content:center;width:min(100%,280px)}.hero-social{justify-content:center;order:-1}.scroll-indicator{bottom:var(--space-lg)}.scroll-indicator span{display:none}}@media (max-width:480px){.hero-name{font-size:clamp(2.1rem,12vw,3rem);line-height:1.15;text-align:center;white-space:normal}.social-button{height:44px;width:44px}}.about{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%)!important;position:relative;z-index:2}.about-content{grid-gap:var(--space-xl);align-items:center;display:grid;gap:var(--space-xl);grid-template-columns:1.3fr .7fr;margin-left:auto;margin-right:auto;max-width:1200px;z-index:1}.about .section-title,.about-content{margin-bottom:var(--space-xl);position:relative}.about .section-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.about .section-title:after{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.about-description{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);position:relative;z-index:1}.about-conclusion,.about-details,.about-intro{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.about-intro{color:var(--text-primary);font-weight:500}.resume-link{align-items:center;background:#0000;border:2px solid var(--accent-primary);border-radius:var(--radius-lg);color:var(--accent-primary);display:inline-flex;font-size:1rem;font-weight:600;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.resume-link:hover{background:var(--accent-primary);box-shadow:0 4px 20px #6366f14d;color:var(--text-primary);transform:translateY(-2px)}.about-visual{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.profile-image-container{height:400px;overflow:hidden;width:300px}.profile-image,.profile-image-container{border-radius:var(--radius-xl);position:relative}.profile-image{height:100%;object-fit:cover;width:100%;z-index:2}.image-backdrop{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-xl);bottom:-20px;left:20px;opacity:.3;position:absolute;right:-20px;top:20px;z-index:1}.highlights-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}@media (max-width:768px){.highlights-grid{grid-template-columns:1fr;max-width:400px}}.highlight-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.highlight-card:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.highlight-card:hover:before{transform:scaleX(1)}.highlight-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.highlight-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--accent-primary);display:flex;height:56px;justify-content:center;margin-bottom:var(--space-lg);width:56px}.highlight-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:var(--space-md)}.highlight-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}@media (max-width:968px){.about-content{gap:var(--space-2xl);grid-template-columns:1fr;text-align:center}.profile-image-container{height:320px;width:250px}.about .section-title:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.highlights-grid{grid-template-columns:1fr;max-width:500px}.profile-image-container{height:260px;width:200px}.highlight-card{padding:var(--space-lg)}.resume-link{justify-content:center;width:100%}}@media (max-width:480px){.about-conclusion,.about-details,.about-intro{font-size:1rem;line-height:1.7}.profile-image-container{height:220px;width:170px}}.experience{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%);overflow:hidden;position:relative;z-index:2}.experience-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));margin:0 auto;max-width:1200px}.experience-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-xl);transition:all var(--transition-normal)}.experience-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.experience-card-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-md)}.company-info{min-width:0}.experience-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:4px;overflow-wrap:anywhere}.experience-company{color:var(--accent-primary);font-size:1rem;font-weight:600;overflow-wrap:anywhere}.experience-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:1;gap:4px;min-width:0}.meta-item{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:.8rem;gap:6px;min-width:0}.meta-item span{overflow-wrap:anywhere}.experience-bullets{flex-grow:1;list-style:none;margin:0 0 var(--space-lg) 0;padding:0}.experience-bullets li{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem;overflow-wrap:anywhere;padding-left:1.25rem;position:relative}.experience-bullets li:before{color:var(--accent-primary);content:"→";font-weight:700;left:0;position:absolute}.experience-footer{align-items:center;border-top:1px solid var(--border-primary);display:flex;gap:var(--space-md);justify-content:space-between;margin-top:auto;padding-top:var(--space-lg)}.experience-tech-container{max-width:calc(100% - 120px);overflow:hidden;position:relative;width:100%}.experience-tech-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-color:#14b8a633 #0000;scrollbar-width:thin}.experience-tech-scroll::-webkit-scrollbar{height:3px}.experience-tech-scroll::-webkit-scrollbar-track{background:#0000}.experience-tech-scroll::-webkit-scrollbar-thumb{background-color:#14b8a61a;border-radius:20px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.experience-card:hover .experience-tech-scroll::-webkit-scrollbar-thumb{background-color:#14b8a666}.experience-tech-tag{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:4px 10px;transition:all var(--transition-fast);white-space:nowrap}.experience-card:hover .experience-tech-tag{border-color:var(--accent-primary);color:var(--accent-primary)}.exp-cert-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;white-space:nowrap}@media (max-width:968px){.experience-grid{grid-template-columns:1fr;max-width:none}.experience-card{padding:var(--space-lg)}}@media (max-width:640px){.experience-card-header{flex-direction:column}.experience-footer,.experience-meta{align-items:flex-start}.experience-footer{flex-direction:column}.experience-tech-container{max-width:100%}}@media (max-width:480px){.experience-card{padding:var(--space-md)}}.skills{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%)!important;position:relative;z-index:2}.skills-stats{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:900px;padding:var(--space-xl);position:relative;z-index:1}.stat-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-xs)}.stat-number{color:var(--accent-primary);font-family:var(--font-mono);font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.9rem}.skills-tabs{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.skill-tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 24px;transition:all var(--transition-normal)}.skill-tab-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.skill-tab-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:#0000;box-shadow:0 4px 15px #14b8a64d;color:var(--text-primary)}.active-skills-container{margin:0 auto;max-width:1200px;min-height:100px}.skills-list-active{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.skill-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #0003;transform:translateY(-3px)}.skill-header{align-items:center;display:flex;justify-content:space-between}.skill-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.skill-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.skill-level{font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.skill-projects{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.skills-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.skill-tab-btn{font-size:.9rem;padding:10px 12px;width:100%}.skills-list-active{grid-template-columns:1fr}.skills-stats{flex-direction:column;gap:var(--space-lg)}.stat-item{flex-direction:row;justify-content:space-between;width:100%}}@media (max-width:480px){.skills-tabs{grid-template-columns:1fr}}.projects{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%)!important;overflow:hidden;position:relative;z-index:2}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.filter-button{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-normal)}.filter-button:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.filter-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-primary)}.projects-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--space-2xl);justify-content:center;perspective:1000px;position:relative;z-index:1}.project-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0;isolation:isolate;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:min(100%,350px)}.project-card:hover{background:var(--bg-card-hover);border-color:#14b8a666;box-shadow:0 30px 60px #0000004d,0 0 40px #14b8a626,inset 0 1px 0 #ffffff1a;transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(-12px) translateZ(20px)}.project-card>*,.project-image{position:relative}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:var(--space-md)}.project-link{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:40px}.project-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.project-content{padding:var(--space-xl)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.project-title{color:var(--text-primary);font-size:1.3rem;font-weight:700}.featured-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-sm);color:var(--text-primary);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.project-tech-container{margin-top:var(--space-md);overflow:hidden;position:relative;width:100%}.project-tech-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#14b8a633 #0000;scrollbar-width:thin}.project-tech-scroll::-webkit-scrollbar{height:3px}.project-tech-scroll::-webkit-scrollbar-track{background:#0000}.project-tech-scroll::-webkit-scrollbar-thumb{background-color:#14b8a61a;border-radius:20px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.project-card:hover .project-tech-scroll::-webkit-scrollbar-thumb{background-color:#14b8a666}.tech-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .3s ease;white-space:nowrap}.project-card:hover .tech-tag{background:#6366f126;border-color:var(--accent-primary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-overlay:before{content:"";height:100%}.modal-content,.modal-overlay:before{display:inline-block;vertical-align:middle}.modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;position:relative;text-align:left;width:100%}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);position:absolute;right:var(--space-lg);top:var(--space-lg);transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal-image{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:300px;overflow:hidden;width:100%}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-info{padding:var(--space-2xl)}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-title{color:var(--text-primary);font-size:2rem;font-weight:800}.modal-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.modal-description,.modal-tech{margin-bottom:var(--space-xl)}.modal-tech h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-md)}.tech-list{gap:var(--space-sm)}.modal-actions,.tech-list{display:flex;flex-wrap:wrap}.modal-actions{gap:var(--space-md)}.modal-button{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);display:inline-flex;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-normal)}.modal-button.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary)}.modal-button.primary:hover{box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.modal-button.secondary{background:#0000;border-color:var(--border-primary);color:var(--text-secondary)}.modal-button.secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}@media (max-width:768px){.projects-grid{align-items:center;flex-direction:column;gap:var(--space-xl)}.project-card{max-width:350px;width:100%}.filter-buttons{align-items:center;flex-direction:column}.filter-button{max-width:320px;width:100%}.modal-overlay{align-items:center;justify-content:center;padding:10px}.modal-content{max-height:90vh;width:calc(100% - 20px)}.modal-info{padding:var(--space-lg)}.modal-title{font-size:1.5rem}.modal-header{align-items:flex-start;gap:var(--space-sm)}.modal-actions,.modal-header{flex-direction:column}.modal-button{justify-content:center}}@media (hover:none){.project-card:hover{box-shadow:none;transform:none}.project-card:hover .project-overlay{opacity:0}}.achievements{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%);z-index:2}.achievements,.icpc-highlight{overflow:hidden;position:relative}.icpc-highlight{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);z-index:1}.icpc-highlight:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.icpc-content{grid-gap:var(--space-2xl);align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:1.2fr .8fr}.icpc-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:var(--space-lg)}.icpc-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-xl)}.icpc-certificate{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-normal)}.icpc-certificate:hover{box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.icpc-image{align-items:center;display:flex;height:250px;justify-content:center;position:relative;width:100%}.icpc-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:auto;max-height:100%;max-width:100%;object-fit:contain;position:absolute;width:auto}.achievements-grid,.cp-section{margin-bottom:var(--space-2xl);position:relative;z-index:1}.subsection-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:var(--space-2xl);position:relative;text-align:center}.subsection-title:after{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.cp-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cp-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-xl);position:relative;text-decoration:none;transition:all var(--transition-normal)}.cp-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.cp-icon{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;width:48px}.cp-icon img{filter:brightness(0) invert(1);height:32px;object-fit:contain;transition:filter .3s ease;width:32px}.cp-card:hover .cp-icon img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(20,184,166,.5))}.cp-info{flex:1 1}.cp-platform{color:var(--text-primary);font-size:1.1rem;font-weight:700}.cp-platform,.cp-rating{margin-bottom:var(--space-xs)}.cp-rating{color:var(--accent-primary);font-size:1rem;font-weight:600}.cp-rating,.cp-username{font-family:var(--font-mono)}.cp-username{color:var(--text-muted);font-size:.9rem}.cp-link-icon{color:var(--text-muted);transition:color var(--transition-fast)}.cp-card:hover .cp-link-icon{color:var(--accent-primary)}.achievements-list{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.achievement-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-lg);padding:var(--space-xl);transition:all var(--transition-normal)}.achievement-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.achievement-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--accent-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.achievement-content{flex:1 1}.achievement-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-sm)}.achievement-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.achievement-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.achievement-date{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:var(--space-xs)}.achievement-category{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.achievement-category.competition,.achievement-category.ml{background:#10b9811a;border:1px solid #10b98133;color:var(--accent-success)}.achievement-category.certification{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--accent-warning)}.achievement-category.award{background:#6366f11a;border:1px solid #6366f133;color:var(--accent-primary)}.achievement-link-button{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:var(--space-xs);padding:6px 16px;text-decoration:none;transition:all var(--transition-normal)}.achievement-link-button.secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.achievement-link-button:hover{box-shadow:0 8px 20px #14b8a64d;transform:translateY(-2px)}.achievement-link-button.secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:968px){.icpc-content{grid-template-columns:1fr;text-align:center}.icpc-image img{height:200px}.achievements-list{grid-template-columns:1fr}}@media (max-width:768px){.cp-grid{grid-template-columns:1fr}.achievement-card,.cp-card{flex-direction:column;text-align:center}.achievement-meta{justify-content:center}.icpc-highlight{padding:var(--space-xl)}.icpc-title{font-size:1.5rem}.icpc-certificate{justify-content:center;width:100%}}.contact{background:radial-gradient(ellipse at center,#14b8a608 0,#0000 70%);overflow:hidden;position:relative;z-index:2}.contact-content{grid-gap:var(--space-2xl);align-items:stretch;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;position:relative;z-index:1}.contact-info{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-2xl)}.contact-info-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:var(--space-lg)}.contact-info-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-2xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.contact-method{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--space-lg);padding:var(--space-lg);text-decoration:none;transition:all var(--transition-normal)}.contact-method:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateX(5px)}.contact-method-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--accent-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-method-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.contact-method-info p{color:var(--text-secondary);font-size:.9rem}.contact-social h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--space-lg)}.contact-social-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.contact-social-link{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:var(--space-sm);justify-content:center;min-width:0;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.contact-social-link:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 4px 20px #14b8a633;color:var(--accent-primary)}.contact-form-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl)}.contact-form{gap:var(--space-xl)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-sm)}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;padding:var(--space-md) var(--space-lg);resize:vertical;transition:all var(--transition-normal)}.form-group input:focus,.form-group textarea:focus{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 0 0 3px #14b8a61a;outline:none}.form-group textarea{line-height:1.6;min-height:120px}.submit-button{align-items:center;align-self:flex-start;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-lg) var(--space-2xl);transition:all var(--transition-normal)}.submit-button:hover{box-shadow:0 4px 15px #14b8a633;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}@media (max-width:968px){.contact-content{gap:var(--space-2xl);grid-template-columns:1fr}}@media (max-width:768px){.contact-form-container,.contact-info{padding:var(--space-xl)}.contact-methods{gap:var(--space-lg)}.contact-method{gap:var(--space-md);text-align:center}.contact-method,.contact-social-links{flex-direction:column}.contact-social-link{justify-content:center;width:100%}.submit-button{align-self:stretch}}@media (max-width:480px){.contact-form-container,.contact-info{padding:var(--space-lg)}.contact-info-title{font-size:1.5rem}.contact-info-description{font-size:1rem}.form-group input,.form-group textarea{padding:var(--space-md)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-3xl) 0 var(--space-xl)}.footer-container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.footer-content{flex-direction:column}.footer-content,.footer-top{display:flex;gap:var(--space-xl)}.footer-top{align-items:flex-start;justify-content:space-between}.footer-brand{flex:1 1}.footer-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-sm)}.footer-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:400px}.back-to-top{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-weight:500;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.back-to-top:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.footer-divider{background:linear-gradient(90deg,#0000,var(--border-primary),#0000);height:1px}.footer-bottom{align-items:center;display:flex;gap:var(--space-xl);justify-content:space-between}.footer-social-links{display:flex;gap:var(--space-md)}.footer-social-link{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:44px;justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-normal);width:44px}.footer-social-link img,.footer-social-link svg{display:block;flex-shrink:0}.footer-social-link:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 0 20px #6366f11a;color:var(--accent-primary)}.footer-social-tooltip{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);bottom:120%;color:var(--text-primary);font-size:.8rem;font-weight:500;left:50%;opacity:0;padding:var(--space-xs) var(--space-sm);pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity var(--transition-fast);white-space:nowrap}.footer-social-link:hover .footer-social-tooltip{opacity:1}.footer-info{text-align:right}.copyright{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-xs)}.tech-stack{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}@media (max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-container{padding:0 var(--space-md)}.footer-top{align-items:flex-start}.footer-bottom,.footer-top{flex-direction:column;gap:var(--space-lg)}.footer-bottom{align-items:center;text-align:center}.footer-info{text-align:center;width:100%}.footer-social-links{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-md);justify-content:center;width:100%}}@media (max-width:480px){.footer-social-links{gap:var(--space-sm)}.footer-social-link{height:40px;width:40px}}.cursor-tracker{min-height:100vh;overflow:visible;position:relative}.cursor-background{background:radial-gradient(800px circle at 50% 50%,#14b8a605 0,#5eead403 40%,#0000 70%);background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),#14b8a605 0,#5eead403 40%,#0000 70%);height:100vh;left:0;mix-blend-mode:screen;pointer-events:none;position:fixed;top:0;transition:background .2s ease-out;width:100vw;z-index:0}.cursor-tracker.cursor-active .cursor-background{background:radial-gradient(600px circle at 50% 50%,#14b8a60a 0,#5eead405 30%,#0d948803 50%,#0000 70%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#14b8a60a 0,#5eead405 30%,#0d948803 50%,#0000 70%)}.cursor-particles{height:100vh;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1}.cursor-tracker.cursor-active .cursor-particles{opacity:1}.cursor-particles:after,.cursor-particles:before{animation:float 6s ease-in-out infinite;background:#14b8a699;border-radius:50%;box-shadow:0 0 8px #14b8a666;content:"";height:6px;position:absolute;transform:translate(calc(50%*1vw - 3px),calc(50%*1vh - 3px));transform:translate(calc(var(--mouse-x, 50%)*1vw - 3px),calc(var(--mouse-y, 50%)*1vh - 3px));width:6px}.cursor-particles:after{animation-delay:-3s;animation-duration:4s;background:#5eead4cc;box-shadow:0 0 6px #5eead480;height:3px;transform:translate(calc(50%*1vw + 20px),calc(50%*1vh + 20px));transform:translate(calc(var(--mouse-x, 50%)*1vw + 20px),calc(var(--mouse-y, 50%)*1vh + 20px));width:3px}@media (hover:none),(max-width:768px){.cursor-background,.cursor-particles{display:none!important}}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#161616;--bg-card-hover:#1e1e1e;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--accent-primary:#14b8a6;--accent-secondary:#0d9488;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-primary:#2a2a2a;--border-hover:#3a3a3a;--border-focus:#0d9488;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,"Cascadia Code",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}#root{overflow-x:clip;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a!important;background:var(--bg-primary,#0a0a0a)!important;color:#fff!important;color:var(--text-primary,#fff)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}canvas,img,video{max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#666;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0;background:var(--text-secondary)}::selection{background:#14b8a6;background:var(--accent-primary);color:#fff;color:var(--text-primary)}:focus-visible{outline:2px solid #0d9488;outline:2px solid var(--border-focus);outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 clamp(1rem,4vw,1.5rem);padding:0 clamp(var(--space-md),4vw,var(--space-lg))}.section{padding:clamp(2rem,5vw,3rem) 0;padding:clamp(var(--space-xl),5vw,var(--space-2xl)) 0;position:relative}.section-title{color:#fff;color:var(--text-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-md);position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#14b8a6,#0d9488);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:2rem;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0d9488);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}.section{padding:3rem 0;padding:var(--space-2xl) 0}.section-title{font-size:clamp(1.9rem,8vw,2.4rem)}.section-subtitle{font-size:1rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}}@media (max-width:480px){.container{padding:0 .5rem;padding:0 var(--space-sm)}.section{padding:2rem 0;padding:var(--space-xl) 0}}
/*# sourceMappingURL=main.800a24b4.css.map*/