:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: all .15s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--border-radius: 8px;--border-radius-lg: 12px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:var(--transition-normal);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.header{position:fixed;top:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:var(--transition-normal)}[data-theme=dark] .header{background:#0f172af2}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo h2{color:var(--primary-color);font-weight:700;font-size:1.5rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-primary)}.theme-toggle:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px;padding:.5rem}.hamburger span{width:25px;height:3px;background:var(--text-primary);transition:var(--transition-fast);border-radius:2px}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-top:70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5;z-index:-1}.hero-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-greeting{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:var(--text-primary)}.highlight{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-roles{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease .5s forwards}.hero-tagline{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;opacity:0;animation:fadeInUp 1s ease .7s forwards}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease .9s forwards}.profile-card{background:var(--bg-card);padding:3rem;border-radius:20px;box-shadow:var(--shadow-xl);text-align:center;transition:var(--transition-normal);border:1px solid var(--border-color)}.profile-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl)}.profile-img{width:100%;max-width:300px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.profile-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.profile-img:hover{transform:scale(1.05);box-shadow:0 6px 30px #0006}.profile-img:hover img{transform:scale(1.1)}.profile-img:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:var(--transition-fast);border:none;cursor:pointer;font-size:1rem;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(--primary-color);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-inverse)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-full{width:100%}.about{background:var(--bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.about-img-wrapper{width:100%;max-width:350px;aspect-ratio:1/1;border-radius:20px;overflow:hidden;margin:0 auto;box-shadow:0 8px 30px #0000004d;position:relative;transition:transform .3s ease,box-shadow .3s ease}.about-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.about-img-wrapper:hover{transform:scale(1.03);box-shadow:0 10px 40px #0006}.about-img-wrapper:hover img{transform:scale(1.05)}.about-text h3{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.about-text p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.skills-section{margin:2rem 0}.skills-section h4{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.skills-grid{display:grid;gap:1.5rem}.skill-category h5{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.skill-category i{color:var(--primary-color)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--bg-primary);color:var(--text-primary);padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:var(--transition-fast)}.skill-tag:hover{background:var(--primary-color);color:var(--text-inverse);transform:translateY(-2px)}.cv-download{margin-top:2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:var(--bg-card);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-normal);text-align:center;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;transition:var(--transition-normal)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.service-features{list-style:none;text-align:left}.service-features li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem;transition:var(--transition-fast)}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.service-features li:hover{color:var(--text-primary);transform:translate(5px)}.projects{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition-normal);position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-image{height:200px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;position:relative;overflow:hidden}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{width:50px;height:50px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:var(--transition-fast);font-size:1.25rem}.project-link:hover{background:var(--accent-color);transform:scale(1.1)}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.project-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:var(--bg-secondary);color:var(--primary-color);padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color)}.project-actions{display:flex;gap:.75rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact-info p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition-fast)}.contact-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-item i{color:var(--primary-color);font-size:1.5rem;width:30px;text-align:center}.contact-item h4{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.contact-item p{color:var(--text-secondary);margin:0}.contact-form{background:var(--bg-card);padding:2rem;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--bg-secondary);padding:3rem 0 1rem;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;align-items:start}.footer-info h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.footer-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.social-links{display:flex;gap:1rem}.social-link{width:50px;height:50px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);font-size:1.25rem}.social-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.back-to-top{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition-fast)}.back-to-top:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease,transform .6s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:opacity .6s ease,transform .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}@media (max-width: 1024px){.hero-container,.about-content{grid-template-columns:1fr;text-align:center;gap:2rem}.contact-content{grid-template-columns:1fr;gap:2rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--bg-primary);flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 0;transition:left .3s ease;border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.nav-menu.active{left:0}.nav-item{margin:1rem 0}.nav-link{font-size:1.125rem;padding:1rem}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero-greeting{font-size:2.5rem}.hero-roles{font-size:1.125rem}.section-title{font-size:2rem}.services-grid,.projects-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.project-actions{flex-direction:column}}@media (max-width: 480px){.container{padding:0 .75rem}.section{padding:3rem 0}.hero-greeting{font-size:2rem}.nav-container{padding:0 .75rem}.profile-card{padding:2rem}.profile-img{width:150px;height:150px;font-size:3rem}.about-img-wrapper{width:250px;height:250px;font-size:4rem}.contact-form,.service-card{padding:1.5rem}.skills-grid{gap:1rem}.skill-tags{justify-content:center}}@media print{.header,.hamburger,.theme-toggle,.contact-form,.social-links,.back-to-top{display:none}.section{padding:2rem 0}.hero{min-height:auto;padding:2rem 0}body{background:#fff;color:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in,.slide-in-left,.slide-in-right{opacity:1;transform:none}}@media (prefers-contrast: high){:root{--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .5);--shadow-xl: 0 16px 32px 0 rgba(0, 0, 0, .5)}.btn-primary{border:2px solid var(--primary-color)}.service-card,.project-card,.contact-form{border:2px solid var(--border-color)}}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px}.loading{opacity:0;animation:fadeInUp .6s ease forwards}.scroll-indicator{position:fixed;top:70px;left:0;width:100%;height:3px;background:var(--border-color);z-index:999}.scroll-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));width:0%;transition:width .1s ease}