@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;width:100%}html{scroll-padding-top:6rem}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #6ee7b7;--secondary: #1E88E5;--secondary-dark: #2962FF;--secondary-light: #0091EA;--bg-light: #f9fafb;--bg-light-secondary: #ffffff;--text-light: #1f2937;--text-light-secondary: #6b7280;--border-light: rgba(16, 185, 129, .2);--bg-dark: #0f172a;--bg-dark-secondary: #1e293b;--text-dark: #f3f4f6;--text-dark-secondary: #d1d5db;--border-dark: rgba(16, 185, 129, .3);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body.light-mode{background:linear-gradient(-45deg,#f9fafb,#f3f4f6,#f9fafb,#eff6ff);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--text-light);overflow-x:hidden}body.dark-mode{background:linear-gradient(-45deg,#0f172a,#1e293b,#0f172a,#1a1f3a);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--text-dark);overflow-x:hidden}h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin:0;color:var(--text-light)}body.dark-mode h1{color:var(--text-dark)}h2{font-size:1.875rem;font-weight:500;margin:0}body.light-mode h2{color:var(--text-light)}body.dark-mode h2{color:var(--text-dark-secondary)}h3{font-size:1.25rem;font-weight:600}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98199}}.section-container{max-width:1200px;margin:0 auto;min-width:0}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary);margin-bottom:.5rem}.section-title{font-size:2.25rem;font-weight:700;margin:0;color:var(--text-light)}body.dark-mode .section-title{color:var(--text-dark)}.section-title-gradient{background:linear-gradient(to right,var(--primary),var(--primary-dark));background-clip:text;-webkit-background-clip:text;color:transparent}@media(max-width:1024px){.section-title{font-size:1.875rem}}@media(max-width:640px){.section-title{font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere}}nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(12px);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);transition:all var(--transition-normal)}body.light-mode nav{background:#ffffffd9}body.dark-mode nav{background:#0f172ad9;border-bottom-color:var(--border-dark)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-logo{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.logo-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;animation:pulseGlow 2s ease-in-out infinite}.logo-text{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary)}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{text-decoration:none;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light-secondary);position:relative;transition:color var(--transition-normal)}body.dark-mode .nav-link{color:var(--text-dark-secondary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal)}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{width:100%}.theme-toggle{width:44px;height:44px;border-radius:10px;border:none;background:#10b9811a;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);font-size:20px}.theme-toggle:hover{background:#10b98133;transform:scale(1.05)}.nav-cta{padding:.5rem 1rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-decoration:none;font-size:13px;font-weight:500;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;box-shadow:0 2px 10px #10b9814d}.nav-cta:hover{transform:scale(1.05);box-shadow:0 4px 20px #10b98166}.nav-actions{flex-shrink:0;display:flex;gap:1rem;align-items:center}@media(max-width:1024px){nav{padding:.75rem 1rem}.nav-container{gap:.75rem}.nav-menu{display:none}.nav-actions{gap:.5rem}.nav-cta{padding:.5rem .75rem}}@media(max-width:380px){.logo-text{display:none}}#app-wrapper{width:100%;min-height:100vh}section{padding:6rem 1.5rem}.hero{overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:5rem;position:relative}.hero:before{content:"";position:absolute;top:-300px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:.4;background:var(--primary);pointer-events:none}.hero-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:1;min-width:0}.hero-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.hero-name-gradient{background:linear-gradient(to right,var(--primary),var(--primary-dark));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-tagline{font-size:1.125rem;color:var(--text-light-secondary);max-width:600px;margin:0;line-height:1.6}body.dark-mode .hero-tagline{color:var(--text-dark-secondary)}.availability-badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;border-radius:9999px;background:#10b9811a;backdrop-filter:blur(10px);border:1px solid var(--primary);font-size:13px;color:var(--text-light-secondary);transition:all var(--transition-normal)}body.dark-mode .availability-badge{background:#10b98126;color:var(--text-dark-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.button-group{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.btn{padding:.875rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-normal);border:none;cursor:pointer;font-size:1rem;min-width:0;max-width:100%;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-secondary{background:#ffffff14;border:1px solid rgba(16,185,129,.2);color:var(--text-dark);backdrop-filter:blur(10px);transition:all var(--transition-normal)}body.light-mode .btn-secondary{background:#10b98114;color:var(--text-light);border:1px solid var(--border-light)}.btn-secondary:hover{background:#10b98126;border-color:var(--primary)}svg{width:1rem;height:1rem}.code-block{background:#0f172acc;border:1px solid rgba(16,185,129,.3);border-left:3px solid var(--primary);border-radius:1rem;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8;color:#d1d5db;animation:float 3s ease-in-out infinite;overflow-x:auto;transition:all var(--transition-normal);box-shadow:0 20px 40px #0003}body.light-mode .code-block{background:#10b9810d;border:1px solid rgba(16,185,129,.4);border-left:3px solid var(--primary);color:var(--text-light);box-shadow:0 10px 30px #10b9811a}.code-keyword{color:#10b981}.code-var{color:#3b82f6}.code-string{color:#f59e0b}.code-number{color:#86efac}.monitor-dots{display:flex;gap:.5rem;margin-bottom:1rem}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#10b981}@media(max-width:1024px){.hero-container{grid-template-columns:1fr}h1{font-size:2.5rem}h2{font-size:1.5rem}}@media(max-width:640px){section{padding:3rem 1rem}h1{font-size:clamp(1.875rem,9vw,2.25rem);overflow-wrap:anywhere}#heroTitle{font-size:clamp(1.25rem,6.5vw,1.5rem);line-height:1.35;overflow-wrap:anywhere}.hero-tagline{font-size:1rem;overflow-wrap:anywhere}.availability-badge{max-width:100%;padding:.5rem .75rem;line-height:1.4;white-space:normal}.button-group{flex-direction:column;width:100%;gap:.75rem}.btn{width:100%;max-width:100%;padding:.875rem 1rem;justify-content:center;white-space:normal}.code-block-wrapper{min-width:0}.code-block{padding:1rem;font-size:11px;line-height:1.6}.code-block code{white-space:pre-wrap;overflow-wrap:anywhere}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-grid>*{min-width:0}.about-text{color:var(--text-light-secondary);line-height:1.8;margin-bottom:1rem}body.dark-mode .about-text{color:var(--text-dark-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.stat-card{background:#10b9810d;backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:.75rem;padding:1rem;text-align:center;transition:all var(--transition-normal)}body.dark-mode .stat-card{background:#10b98114;border-color:var(--border-dark)}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary)}.stat-number{font-size:1.875rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--primary-dark));background-clip:text;-webkit-background-clip:text;color:transparent}.stat-label{font-size:13px;color:var(--text-light-secondary);margin-top:.25rem}body.dark-mode .stat-label{color:var(--text-dark-secondary)}.experience-card{background:#10b9810d;backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:1.5rem;padding:2rem;display:flex;gap:1rem;margin-bottom:1.5rem;transition:all var(--transition-normal);min-width:0}body.dark-mode .experience-card{background:#10b98114;border-color:var(--border-dark)}.experience-card:hover{transform:translate(8px);border-color:var(--primary)}.experience-icon{width:64px;height:64px;border-radius:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.experience-content h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--text-light);overflow-wrap:anywhere}.experience-content{min-width:0}body.dark-mode .experience-content h3{color:var(--text-dark)}.experience-content p{font-size:13px;color:var(--text-light-secondary);margin:0;overflow-wrap:anywhere}body.dark-mode .experience-content p{color:var(--text-dark-secondary)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.experience-card{padding:1rem}}.skills-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skill-column{background:#10b9810d;backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:1.5rem;padding:1.5rem;transition:all var(--transition-normal)}body.dark-mode .skill-column{background:#10b98114;border-color:var(--border-dark)}.skill-column:hover{border-color:var(--primary);transform:translateY(-4px)}.skill-column h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-light)}body.dark-mode .skill-column h3{color:var(--text-dark)}.skill-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.375rem .75rem;border-radius:.375rem;background:#10b98126;color:var(--primary);font-size:12px;font-weight:500;transition:all var(--transition-normal)}body.light-mode .tag{background:#10b9811a}.tag:hover{transform:translateY(-2px);background:#10b98140}@media(max-width:1024px){.skills-columns{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{background:#6366f10d;backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2);border-radius:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:0}body.light-mode .project-card{background:#10b98114;border:1px solid var(--border-light)}body.dark-mode .project-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2)}.project-card:hover{transform:translateY(-1.5rem)}.project-image{height:180px;background:linear-gradient(135deg,#6366f14d,#a855f74d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image svg{width:80px;height:80px;opacity:.8}.project-image--blue{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}.project-icon--blue{color:#93c5fd}.project-image--green{background:linear-gradient(135deg,#10b9814d,#14b8a64d)}.project-icon--green{color:#6ee7b7}.project-image--orange{background:linear-gradient(135deg,#f973164d,#ef44444d)}.project-icon--orange{color:#fdba74}.project-image:after{content:"";position:absolute;inset:0;background:#0003}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#f3f4f6;overflow-wrap:anywhere}body.light-mode .project-title{color:var(--text-light)}body.dark-mode .project-title{color:#f3f4f6}.project-description{font-size:14px;color:#9ca3af;margin-bottom:1rem;line-height:1.6;overflow-wrap:anywhere}body.light-mode .project-description{color:var(--text-light-secondary)}body.dark-mode .project-description{color:#9ca3af}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.25rem .5rem;background:#6366f133;border-radius:.25rem;font-size:11px;color:#a5f3fc}body.light-mode .tech-tag{background:#10b98126;color:var(--primary)}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr}}.contact-container{max-width:800px;margin:0 auto;min-width:0}.contact-intro{color:#9ca3af;margin:1rem auto 0;max-width:500px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;display:flex;gap:1rem;transition:background var(--transition-normal);min-width:0}body.light-mode .contact-item{background:#10b9810d;border:1px solid var(--border-light)}body.dark-mode .contact-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.contact-item:hover{background:#ffffff14}.contact-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-details h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#f3f4f6}body.light-mode .contact-details h3{color:var(--text-light)}body.dark-mode .contact-details h3{color:#f3f4f6}.contact-details p{margin:0;font-size:14px;color:#6366f1;overflow-wrap:anywhere}body.light-mode .contact-details p{color:var(--primary)}body.dark-mode .contact-details p{color:#6366f1}.social-buttons{display:flex;gap:15px;margin-top:2rem}.social-btn{width:60px;height:60px;border-radius:50px;cursor:pointer;display:flex;align-items:center;overflow:hidden;transition:all .4s ease;text-decoration:none;box-shadow:0 10px 25px #0003;background:#fff}body.light-mode .social-btn{background:var(--bg-light, #f8fafc);box-shadow:0 10px 25px #0000001a}body.dark-mode .social-btn{background:#fff;box-shadow:0 10px 25px #0003}.social-btn:hover{width:150px}.social-btn .social-icon{min-width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .4s ease;flex-shrink:0}.social-btn .social-icon i{font-size:22px;transition:all .4s ease}.social-btn span{font-size:16px;font-weight:500;margin-left:15px;opacity:0;transform:translate(-10px);transition:all .3s ease;white-space:nowrap}.social-btn:hover span{opacity:1;transform:translate(0)}.social-btn:hover .social-icon i{color:#fff!important}.github .social-icon i{color:#333}body.light-mode .github .social-icon i{color:#1e293b}body.dark-mode .github .social-icon i{color:#333}.github:hover .social-icon{background:#333}body.light-mode .github:hover .social-icon{background:#1e293b}body.dark-mode .github:hover .social-icon{background:#333}.github:hover .social-icon i{color:#fff}.github:hover span{color:#333}body.light-mode .github:hover span{color:#1e293b}body.dark-mode .github:hover span{color:#333}.linkedin .social-icon i,body.light-mode .linkedin .social-icon i,body.dark-mode .linkedin .social-icon i{color:#0077b5}.linkedin:hover .social-icon{background:#0077b5}.linkedin:hover .social-icon i{color:#fff}.linkedin:hover span{color:#0077b5}.twitter .social-icon i,body.light-mode .twitter .social-icon i,body.dark-mode .twitter .social-icon i{color:#1da1f2}.twitter:hover .social-icon,body.light-mode .twitter:hover .social-icon,body.dark-mode .twitter:hover .social-icon{background:#1da1f2}.twitter:hover .social-icon i{color:#fff}.twitter:hover span,body.light-mode .twitter:hover span,body.dark-mode .twitter:hover span{color:#1da1f2}.contact-form{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}body.light-mode .contact-form{background:#10b9810d;border:1px solid var(--border-light)}body.dark-mode .contact-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;color:#9ca3af;margin-bottom:.5rem;font-weight:500}body.light-mode .form-group label{color:var(--text-light-secondary)}body.dark-mode .form-group label{color:#9ca3af}.form-group input,.form-group textarea{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-family:inherit;font-size:14px;transition:all var(--transition-normal)}body.light-mode .form-group input,body.light-mode .form-group textarea{background:#10b98114;border:1px solid var(--border-light);color:var(--text-light)}body.dark-mode .form-group input,body.dark-mode .form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#ffffff14}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;background:#10b9811f}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#ffffff14}.form-group textarea{resize:vertical;min-height:120px}.form-submit{padding:.875rem 1.5rem;background:linear-gradient(to right,var(--secondary-dark),var(--secondary-light));border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.form-submit:hover{transform:scale(1.02)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.turnstile-widget{min-height:65px}.form-message{text-align:center;font-size:13px;padding:.75rem;border-radius:.5rem;display:none}.form-message.success{background:#22c55e33;color:#86efac;display:block}.form-message.error{background:#ef444433;color:#fca5a5;display:block}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}}@media(max-width:640px){.contact-item,.contact-form{padding:1rem}.social-buttons{flex-wrap:wrap}}footer{padding:2rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;width:100%}.footer-brand{display:flex;align-items:center;gap:.5rem}.footer-brand-box{width:32px;height:32px;border-radius:.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.footer-brand span{font-family:JetBrains Mono,monospace;font-size:12px;color:#6b7280}body.light-mode .footer-brand span{color:var(--text-light-secondary)}body.dark-mode .footer-brand span{color:#6b7280}.footer-text{font-size:12px;color:#6b7280}body.light-mode .footer-text{color:var(--text-light-secondary)}body.dark-mode .footer-text{color:#6b7280}@media(max-width:640px){footer{flex-direction:column;text-align:center}}@view-transition{navigation:auto}