.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:var(--transition)}[data-theme=dark] .header{background:#1a202ccc}.header.scrolled{background:var(--bg-card);box-shadow:0 2px 20px var(--shadow)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:var(--space-18)}.logo{position:relative}.logo-text{font-size:var(--font-size-3xl);font-weight:700;background:var(--bg-gradient-logo);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.logo-text:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--bg-gradient);transform:scaleX(0);transition:transform .3s ease}.logo:hover .logo-text:after{transform:scaleX(1)}.nav{display:flex;gap:var(--space-6)}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:500;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:6px;transition:var(--transition);position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--text-accent);transform:translate(-50%);transition:width .3s ease}.nav-link:hover{color:var(--text-accent);background:#667eea1a}.nav-link:hover:before{width:80%}.header-controls{display:flex;align-items:center;gap:var(--space-3)}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-weight:600;font-size:var(--font-size-sm);border:1px solid var(--text-secondary)}.control-btn:hover{background:var(--text-accent);color:#fff;transform:translateY(-2px)}.language-btn{font-size:var(--font-size-sm);font-weight:700}.social-links{display:flex;gap:var(--space-2)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);transition:var(--transition);text-decoration:none}.social-link:hover{color:var(--text-accent);background:#667eea1a;transform:translateY(-2px)}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.mobile-menu-btn span{width:20px;height:2px;background:var(--text-primary);transition:var(--transition)}@media (max-width: 768px){.nav{display:none;flex-direction:column;gap:var(--space-4);background:var(--bg-card);padding:var(--space-6) 0;border-bottom:1px solid var(--border);position:static;box-shadow:none;opacity:1;transform:none}.nav-link{width:100%;text-align:left;font-size:var(--font-size-xl);padding:var(--space-3) var(--space-6);border-radius:8px}.social-links{display:none}.header-content{padding:0 var(--space-4)}}.hero-section{display:flex;align-items:center;position:relative;overflow:hidden;padding:var(--space-12) var(--space-4) var(--space-16);margin-top:var(--space-16)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary)}.hero-gradient{position:absolute;top:0;right:0;width:60%;height:100%;background:var(--bg-gradient);opacity:.1;transform:skew(-15deg);transform-origin:top right}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shape{position:absolute;border-radius:50%;background:var(--bg-gradient);opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:100px;height:100px;top:20%;right:10%;animation-delay:0s}.shape-2{width:60px;height:60px;top:60%;right:20%;animation-delay:2s}.shape-3{width:80px;height:80px;top:40%;left:10%;animation-delay:4s}.hero-content{margin:0 auto;display:grid;grid-template-columns:60% 40%;align-items:center;position:relative;z-index:1;gap:var(--space-6)}.hero-left{animation:slideInLeft 1s ease;display:flex;justify-content:center}.hero-text{max-width:500px}.hero-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.title-line{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:400;opacity:0;animation:fadeInUp .8s ease .2s forwards}.title-name{background:var(--bg-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:var(--font-size-5xl);opacity:0;animation:fadeInUp .8s ease .4s forwards;line-height:1.3}.title-role{color:var(--text-secondary);font-size:var(--font-size-2xl);font-weight:500;opacity:0;animation:fadeInUp .8s ease .6s forwards}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8);opacity:0;animation:fadeInUp .8s ease .8s forwards}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);opacity:0;animation:fadeInUp .8s ease 1s forwards}.hero-social{display:flex;gap:var(--space-4);opacity:0;animation:fadeInUp .8s ease 1.2s forwards}.social-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-gradient);opacity:0;transition:opacity .3s ease}.social-icon:hover:before{opacity:1}.social-icon svg{position:relative;z-index:1;transition:var(--transition)}.social-icon:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-hover)}.social-icon:hover svg{color:#fff}.hero-right{display:flex;justify-content:center;animation:slideInRight 1s ease}.profile-container{position:relative;width:270px;height:270px}.profile-background{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:var(--bg-gradient);border-radius:50%;opacity:.2;animation:float 4s ease-in-out infinite}.profile-image{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid var(--bg-card);box-shadow:0 20px 40px var(--shadow)}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-container:hover .profile-image img{transform:scale(1.05)}.profile-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decoration-dot{position:absolute;width:20px;height:20px;background:var(--text-accent);border-radius:50%;top:20%;right:-10px;animation:float 3s ease-in-out infinite}.decoration-circle{position:absolute;width:60px;height:60px;border:3px solid var(--text-accent);border-radius:50%;bottom:10%;left:-30px;opacity:.7;animation:float 5s ease-in-out infinite reverse}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8);width:100%}.hero-description{font-size:var(--font-size-sm);margin:var(--space-6)}.hero-right{order:-1}.profile-container{width:200px;height:200px}.hero-title,.title-name{font-size:var(--font-size-3xl)}.title-role{font-size:var(--font-size-xl)}.hero-actions{flex-direction:column;align-items:center;gap:var(--space-3)}.hero-social{justify-content:center}.hero-shapes{display:none}.hero-gradient{width:100%;transform:none}}.tech-section{background:var(--bg-secondary);position:relative;overflow:hidden}.tech-section:before{content:"";position:absolute;top:-50%;left:-10%;width:120%;height:100%;background:var(--bg-gradient);opacity:.05;transform:rotate(-5deg)}.tech-grid-2x2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-2);margin-top:var(--space-12)}.tech-category-card{background:var(--bg-card);border-radius:20px;padding:var(--space-8) var(--space-4);border:1px solid var(--border);box-shadow:0 8px 25px var(--shadow);display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(50px);animation:fadeInUp .8s ease forwards}.tech-category-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-6);color:var(--text-accent);text-align:center}.tech-category-items{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.tech-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;min-height:90px;background:var(--bg-card);border-radius:20px;padding:var(--space-4);text-align:center;border:1.5px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden;opacity:0;transform:translateY(50px);animation:fadeInUp .8s ease forwards}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-gradient);transform:scaleX(0);transition:transform .4s ease}.tech-card:hover:before{transform:scaleX(1)}.tech-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px var(--shadow-hover);background:var(--bg-primary)}.tech-icon{width:40px;height:40px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.tech-icon svg{width:100%;height:100%;transition:var(--transition)}.tech-card:hover .tech-icon{transform:scale(1.2) rotate(5deg)}.tech-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;transition:var(--transition);text-align:center}.tech-card:hover .tech-name{background:var(--bg-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 900px){.tech-grid-2x2{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--space-8)}.tech-category-card{padding:var(--space-8) var(--space-1)}}@media (max-width: 480px){.tech-category-title{font-size:var(--font-size-2xl)}}.projects-section{background:var(--bg-primary);position:relative;overflow:hidden}.projects-section:before{content:"";position:absolute;top:-50%;left:-10%;width:120%;height:100%;background:var(--bg-gradient);opacity:.05;transform:rotate(-5deg);pointer-events:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.project-card{display:flex;flex-direction:column;min-height:400px;background:var(--bg-card);border-radius:20px;padding:var(--space-8);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;opacity:0;transform:translateY(50px);animation:fadeInUp .8s ease forwards;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);transform:scaleX(0);transition:transform .4s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-15px) rotateX(2deg);box-shadow:0 30px 60px var(--shadow-hover)}.project-bottom{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-2)}.project-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.project-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.project-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6);font-size:var(--font-size-base)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);background:linear-gradient(180deg,var(--bg-card) 80%,transparent 100%);padding-top:var(--space-2)}.tech-tag{background:linear-gradient(135deg,#667eea1a,#9f7aea1a);color:var(--text-accent);padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(102,126,234,.2);transition:var(--transition)}.tech-tag:hover{background:var(--bg-gradient);color:#fff;transform:scale(1.05)}.project-actions{width:100%;display:flex;justify-content:flex-start;margin-left:2px;background:linear-gradient(0deg,var(--bg-card) 80%,transparent 100%);margin-top:var(--space-4)}.project-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;color:var(--text-accent);text-decoration:none;outline:2px solid var(--text-accent);border-radius:10px;font-weight:600;font-size:var(--font-size-sm);position:relative;overflow:hidden;transition:transform .3s ease}.project-link:before{content:"";position:absolute;background:var(--text-accent);z-index:-1}.project-link:hover:before{left:0}.project-link:hover{color:var(--bg-card);background:var(--bg-gradient);transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d;outline:none}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--space-6)}.project-card{padding:var(--space-6)}.project-header{align-items:flex-start;text-align:left;align-items:center}.project-title{font-size:var(--font-size-lg)}}.experience-section{background:var(--bg-primary);position:relative;overflow:hidden}.experience-section:before{content:"";position:absolute;top:-50%;left:-10%;width:120%;height:80%;background:var(--bg-gradient);opacity:.05;transform:rotate(-5deg)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-1);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease .2s forwards}@media (max-width: 768px){.section-subtitle{margin:var(--space-6)}}.footer-contact-block{display:flex;flex-direction:column;gap:var(--space-2)}.footer{background:var(--bg-secondary);position:relative;overflow:hidden}.footer-background{position:absolute;top:0;right:0;bottom:0;left:0}.footer-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient)}.footer-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--space-4)}.footer-main{margin:var(--space-4) 0}.footer-columns{display:flex;gap:var(--space-12);justify-content:space-between}.footer-brand,.footer-section{min-width:200px}.footer-brand{text-align:left}.footer-logo{font-size:var(--font-size-3xl);font-weight:700;background:var(--bg-gradient-logo);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);display:inline-block}.footer-tagline{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.footer-section h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.footer-link{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);transition:var(--transition);padding:var(--space-2) 0}.footer-link svg{flex-shrink:0;width:18px;height:18px;margin-right:var(--space-1);min-width:18px;min-height:18px;display:block}.social-links{display:flex;gap:var(--space-3)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:var(--transition);position:relative;overflow:hidden}.footer-social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-gradient);opacity:0;transition:opacity .3s ease}.footer-social-link:hover:before{opacity:1}.footer-social-link svg{position:relative;z-index:1;transition:var(--transition)}.footer-social-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-hover)}.footer-social-link:hover svg{color:#fff}.footer-bottom{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--border)}.footer-bottom p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@media (max-width: 825px){#footer-contact-email{font-size:.925rem}}@media (max-width: 768px){.footer-columns{flex-direction:column;gap:var(--space-8);align-items:center;text-align:center}#footer-contact-email{font-size:var(--font-size-base)}.footer-brand{text-align:center}.footer-section h4{margin-bottom:var(--space-3)}.social-links{justify-content:center}}:root{--bg-primary: #f6f7fb;--bg-secondary: #e9ecf3;--bg-gradient: linear-gradient(135deg, #38b2ac 0%, #4299e1 100%);--bg-gradient-logo: linear-gradient(135deg, #e9ecf3 0%, #38b2ac 30%, #4299e1 60%, #e9ecf3 85%);--bg-card: rgba(255, 255, 255, .95);--text-primary: #232946;--text-secondary: #6b7280;--text-accent: #4299e1;--border: rgba(67, 97, 238, .12);--shadow: rgba(67, 97, 238, .08);--shadow-hover: rgba(67, 97, 238, .18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-18: 4.5rem;--space-20: 5rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 2.75rem;--transition: all .3s ease;--transition-fast: all .15s ease}[data-theme=dark]{--bg-primary: #232946;--bg-secondary: #1a1f2b;--bg-gradient: linear-gradient(135deg, #38b2ac 0%, #4299e1 100%);--bg-card: rgba(35, 41, 70, .95);--text-primary: #f6f7fb;--text-secondary: #a1a6b4;--text-accent: #38b2ac;--border: rgba(67, 97, 238, .18);--shadow: rgba(38, 50, 56, .3);--shadow-hover: rgba(38, 50, 56, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:var(--transition);overflow-x:hidden}.App{min-height:100vh;position:relative;background:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.fade-transition{opacity:0;transition:opacity .4s;background:var(--bg-primary);color:var(--text-primary)}.fade-transition.fade-in{opacity:1}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-accent)}.section{padding:var(--space-20) var(--space-4);position:relative}.section-content{max-width:1200px;margin:0 auto}.section-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.3;text-align:center;margin-bottom:var(--space-4);background:var(--bg-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--bg-gradient);color:#fff;transform:translateY(0)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-hover)}.btn-secondary{background:transparent;color:var(--text-accent);border:2px solid var(--text-accent)}.btn-secondary:hover{background:var(--text-accent);color:#fff;transform:translateY(-2px)}.card{background:var(--bg-card);border-radius:16px;padding:var(--space-6);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--bg-gradient);transform:scaleX(0);transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px var(--shadow-hover)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.section{padding:var(--space-16) var(--space-4)}.section-title{font-size:var(--font-size-3xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 480px){.section-title{font-size:var(--font-size-2xl)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:var(--transition);overflow-x:hidden}::selection{background:var(--text-accent);color:#fff}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{border:none;background:none;font:inherit;cursor:pointer}ul,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}