*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#64748b;--accent:#f59e0b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#000;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",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;--space-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-weight:400;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--gray-900);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h3,h4{font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#475569;color:var(--gray-600);font-size:1.1rem;margin-bottom:1rem;margin-bottom:var(--space-md)}a{color:#2563eb;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-dark)}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 1.5rem;padding:0 var(--space-lg)}.container-wide{max-width:1400px}.section{padding:6rem 0;padding:var(--space-4xl) 0}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background:#f8fafc;background:var(--gray-50);border-color:#cbd5e1;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#1e293b;color:var(--gray-800);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #2563eb;border:2px solid var(--primary);color:#2563eb;color:var(--primary)}.btn-outline:hover{background:#2563eb;background:var(--primary);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-outline:hover,.card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card{background:#fff;background:var(--white);border:1px solid #f1f5f9;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-xl);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl)}.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))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--space-sm)}.gap-md{gap:1rem;gap:var(--space-md)}.gap-lg{gap:1.5rem;gap:var(--space-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.container,.container-wide{padding:0 1rem;padding:0 var(--space-md)}.section{padding:3rem 0;padding:var(--space-2xl) 0}.btn{font-size:.9rem;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.card{padding:1.5rem;padding:var(--space-lg)}.grid{gap:1.5rem;gap:var(--space-lg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}::selection{background:#2563eb;background:var(--primary);color:#fff;color:var(--white)}:focus{outline:2px solid #2563eb;outline:2px solid var(--primary);outline-offset:2px}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f080;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-lg)}.navbar-container{align-items:center;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-lg);position:relative}.navbar-brand{align-items:center;color:var(--gray-900);cursor:pointer;display:flex;font-size:1.5rem;font-weight:800;-webkit-user-select:none;user-select:none}.brand-text{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.navbar-menu{align-items:center;display:flex;gap:var(--space-sm)}.navbar-menu.desktop{display:flex}.navbar-menu.mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-xl);display:none;flex-direction:column;gap:var(--space-md);left:0;padding:var(--space-lg);position:absolute;right:0;top:100%}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:var(--space-sm);overflow:hidden;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.nav-item.active,.nav-item:hover{background:#2563eb1a;color:var(--primary)}.nav-item.active:after{background:var(--primary);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-icon{font-size:1rem}.mobile-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:none;font-size:1.2rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mobile-toggle:hover{background:var(--gray-100);color:var(--primary)}@media (max-width:768px){.navbar-container{height:70px;padding:0 var(--space-md)}.navbar-brand{font-size:1.3rem}.navbar-menu.desktop{display:none}.mobile-toggle,.navbar-menu.mobile{display:flex}.nav-item{font-size:1rem;justify-content:flex-start;padding:var(--space-md);width:100%}.nav-item.active:after{display:none}.nav-item.active{background:#2563eb26}}@media (max-width:1024px) and (min-width:769px){.navbar-container{padding:0 var(--space-lg)}.nav-item{font-size:.85rem;padding:var(--space-sm) var(--space-md)}}@media (max-width:768px){.nav-item{animation:slideInLeft .3s ease-out forwards;opacity:0}.nav-item:first-child{animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.4s}.nav-item:nth-child(5){animation-delay:.5s}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-background{background-color:var(--gray-900);z-index:-1}.hero-background,.hero-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#3b82f60d 0,#0000 50%);background-size:100px 100px}.hero-gradient{background:linear-gradient(135deg,#0f172a99,#0f172a59 55%,#0f172a26);bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{grid-gap:var(--space-4xl);align-items:center;display:grid;gap:var(--space-4xl);grid-template-columns:1fr 1fr;width:100%}.hero-text{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-greeting{color:#ffffffe6;font-size:1.4rem;font-weight:600;margin-bottom:var(--space-sm)}.greeting-text{position:relative}.greeting-text:after{animation:wave 2s ease-in-out infinite;content:"👋";margin-left:var(--space-sm)}@keyframes wave{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(14deg)}20%,40%,60%,80%{transform:rotate(-8deg)}}.hero-name{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1.1;margin:0;margin-bottom:var(--space-md)}.name-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gray-900) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text}.name-accent{color:var(--accent);margin-left:-.1em}.hero-title{color:var(--gray-700);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--space-lg);min-height:3rem}.typing-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text}.cursor{animation:blink 1s infinite;color:var(--primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-md)}.hero-tagline{background:#2563eb0d;border-left:4px solid var(--primary);border-radius:var(--radius-lg);font-style:italic;margin-bottom:var(--space-xl);padding:var(--space-lg)}.hero-contact-info{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.contact-item{color:var(--gray-600);font-size:.95rem}.contact-icon{color:var(--primary);font-size:1.1rem}.hero-actions{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.hero-social{display:flex;gap:var(--space-md)}.social-link{background:var(--white);border:2px solid var(--gray-200);box-shadow:var(--shadow-sm);color:var(--gray-600);font-size:1.2rem;height:50px;width:50px}.social-link:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.hero-image{align-items:center;display:flex;justify-content:center}.image-container{height:400px;position:relative;width:400px}.image-background{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;bottom:20px;filter:blur(20px);left:20px;opacity:.3;position:absolute;right:20px;top:20px}.profile-image{background:var(--gray-100);border:8px solid var(--white);border-radius:50%;box-shadow:var(--shadow-2xl);height:100%;overflow:hidden;position:relative;width:100%}.profile-image img{display:block;height:100%;object-fit:cover;width:100%}.image-placeholder{padding:var(--space-lg);text-align:center}.image-placeholder span{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.image-placeholder small{font-size:.8rem;opacity:.7}.image-decoration{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:var(--shadow-lg);color:var(--white);display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;position:absolute;right:-10px;top:-10px;width:80px}.image-decoration:before{content:"✨"}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.hero{min-height:90vh;padding-top:70px}.hero-content{gap:var(--space-2xl);grid-template-columns:1fr;text-align:center}.hero-text{order:2}.hero-image{order:1}.image-container{height:280px;width:280px}.hero-actions{align-items:center;flex-direction:column}.hero-actions .btn{max-width:280px;width:100%}.hero-contact-info{align-items:center}.hero-social{justify-content:center}.hero-tagline{text-align:left}}@media (max-width:1024px) and (min-width:769px){.hero-content{gap:var(--space-3xl)}.image-container{height:350px;width:350px}.hero-actions{flex-wrap:wrap}}@media (min-width:1400px){.image-container{height:450px;width:450px}}.about{background:var(--gray-50);position:relative}.about:before{background:linear-gradient(90deg,#0000,var(--gray-200),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.about-content{grid-gap:var(--space-4xl);align-items:start;display:grid;gap:var(--space-4xl);grid-template-columns:1fr 400px}.section-header{margin-bottom:var(--space-2xl)}.section-tag{background:#2563eb1a;border-radius:var(--radius-xl);color:var(--primary);display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-lg)}.section-header h2{color:var(--gray-900);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-md)}.section-divider{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:2px;height:4px;width:60px}.about-description{margin-bottom:var(--space-2xl)}.about-description p{color:var(--gray-600);font-size:1.1rem;line-height:1.8;margin-bottom:var(--space-lg)}.about-highlights{display:flex;flex-direction:column;gap:var(--space-lg)}.highlight-item{background:var(--white);border-left:4px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-fast)}.highlight-item:hover{box-shadow:var(--shadow-md);transform:translateX(5px)}.highlight-item h4{align-items:center;color:var(--gray-900);display:flex;font-size:1.1rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-sm)}.highlight-item p{color:var(--gray-600);font-size:.95rem;line-height:1.6;margin:0}.about-stats{position:-webkit-sticky;position:sticky;top:100px}.stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.stat-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--space-xl);text-align:center;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl)}.stat-icon{align-items:center;border-radius:50%;color:var(--white);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto var(--space-md);width:60px}.stat-icon,.stat-number{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.stat-number{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2rem;font-weight:800;margin-bottom:var(--space-sm)}.stat-label{color:var(--gray-600);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.about-content{gap:var(--space-2xl);grid-template-columns:1fr}.about-stats{position:static}.stats-grid{gap:var(--space-md);grid-template-columns:1fr}.stat-card{padding:var(--space-lg)}.stat-icon{font-size:1.2rem;height:50px;width:50px}.stat-number{font-size:1.5rem}.highlight-item{padding:var(--space-md)}.highlight-item:hover{transform:none}}@media (max-width:1024px) and (min-width:769px){.about-content{gap:var(--space-3xl);grid-template-columns:1fr 350px}.stats-grid{grid-template-columns:1fr}}.skills{background:var(--white);position:relative}.skills-header{margin-bottom:var(--space-4xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.skills-description{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-top:var(--space-lg)}.skills-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-4xl)}.skill-category{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-normal)}.skill-category:before{background:linear-gradient(90deg,var(--primary),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.skill-category:hover{box-shadow:var(--shadow-2xl);transform:translateY(-5px)}.category-header{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.category-icon{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.category-header h3{color:var(--gray-900);font-size:1.3rem;font-weight:700;margin:0}.skills-list{gap:var(--space-lg)}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:var(--space-sm)}.skill-info{align-items:center;display:flex;justify-content:space-between}.skill-name{color:var(--gray-700);font-size:.95rem;font-weight:500}.skill-percentage{color:var(--primary);font-size:.9rem;font-weight:600}.skill-bar{background:var(--gray-200);height:8px;overflow:hidden}.skill-bar,.skill-progress{border-radius:var(--radius-md);position:relative}.skill-progress{height:100%;transition:width .8s ease-out}.skill-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skills-footer{margin:0 auto;max-width:600px;text-align:center}.learning-mindset{background:linear-gradient(135deg,#2563eb0d,#3b82f61a);border:1px solid #2563eb1a;border-radius:var(--radius-xl);padding:var(--space-2xl)}.learning-mindset h3{color:var(--gray-900);font-size:1.3rem;margin-bottom:var(--space-md)}.learning-mindset p{color:var(--gray-600);font-size:1rem;line-height:1.7;margin:0}.learning-mindset strong{color:var(--primary);font-weight:600}@media (max-width:768px){.skills-grid{gap:var(--space-xl);grid-template-columns:1fr}.skill-category{padding:var(--space-xl)}.category-header{gap:var(--space-md)}.category-icon{font-size:1.2rem;height:50px;width:50px}.category-header h3{font-size:1.1rem}.skills-list{gap:var(--space-md)}.learning-mindset{padding:var(--space-xl)}}@media (max-width:1024px) and (min-width:769px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.skill-progress:after{animation:none}.skill-category:hover{transform:none}}.projects{background:var(--gray-50);position:relative}.projects-header{margin-bottom:var(--space-4xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.projects-description{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-top:var(--space-lg)}.subsection-title{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.featured-projects{margin-bottom:var(--space-4xl)}.featured-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-2xl)}.projects-filter{align-items:center;display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.filter-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-600);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.filter-btn:hover{background:#2563eb0d;border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.projects-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-2xl)}.project-card.featured{border:2px solid var(--primary);position:relative}.project-card.featured:before{background:var(--primary);border-radius:var(--radius-md);color:var(--white);content:"⭐ Featured";font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-md);top:var(--space-md);z-index:10}.project-image{background:var(--gray-100);height:200px;overflow:hidden;position:relative}.image-placeholder{align-items:center;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);color:var(--gray-500);display:flex;flex-direction:column;gap:var(--space-sm);height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:2rem}.project-overlay{align-items:flex-end;background:#000000b3;bottom:0;display:flex;left:0;opacity:0;padding:var(--space-md);position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.project-card:hover .project-overlay{opacity:1}.project-stats{color:var(--white);display:flex;font-size:.9rem;font-weight:500;gap:var(--space-md)}.project-stats span{align-items:center;display:flex;gap:var(--space-xs)}.project-content{padding:var(--space-xl)}.project-content h4{color:var(--gray-900);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-sm)}.project-content p{color:var(--gray-600);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-lg)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tech-tag{background:#2563eb1a;color:var(--primary)}.tech-more,.tech-tag{border-radius:var(--radius-md);font-size:.8rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.tech-more{background:var(--gray-200);color:var(--gray-600)}.project-actions{display:flex;gap:var(--space-md)}.project-link{align-items:center;background:#0000;border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);display:flex;font-size:.9rem;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.project-link:hover{background:var(--primary);color:var(--white)}.project-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.project-modal{background:var(--white);border-radius:var(--radius-xl);max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:var(--space-lg);top:var(--space-lg);transition:all var(--transition-fast);width:40px;z-index:10}.modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.modal-content{padding:var(--space-2xl)}.modal-content h3{color:var(--gray-900);font-size:1.5rem;margin-bottom:var(--space-lg)}.modal-content p{color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-xl)}.modal-tech h4{color:var(--gray-900);font-size:1.1rem;margin-bottom:var(--space-md)}.tech-list{gap:var(--space-sm);margin-bottom:var(--space-xl)}.modal-actions,.tech-list{display:flex;flex-wrap:wrap}.modal-actions{gap:var(--space-md)}@media (max-width:768px){.featured-grid{gap:var(--space-xl);grid-template-columns:1fr}.projects-grid{gap:var(--space-lg);grid-template-columns:1fr}.project-content{padding:var(--space-lg)}.filter-buttons{gap:var(--space-sm)}.filter-btn{font-size:.85rem;padding:var(--space-xs) var(--space-md)}.project-actions{flex-direction:column}.project-link{justify-content:center}.modal-content{padding:var(--space-xl)}.modal-actions{flex-direction:column}.modal-actions .btn{justify-content:center}}@media (max-width:1024px) and (min-width:769px){.featured-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}.contact{background:var(--white);position:relative}.contact-header{margin-bottom:var(--space-4xl);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.contact-description{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-top:var(--space-lg)}.contact-content{grid-gap:var(--space-4xl);display:grid;gap:var(--space-4xl);grid-template-columns:1fr 1.2fr;margin-bottom:var(--space-4xl)}.contact-info h3{color:var(--gray-900);font-size:1.5rem;margin-bottom:var(--space-md)}.contact-info>p{color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-2xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.contact-method{align-items:center;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--space-lg);padding:var(--space-lg);text-decoration:none;transition:all var(--transition-fast)}.contact-method:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-md)}.method-icon{align-items:center;background:var(--primary);border-radius:var(--radius-lg);color:var(--white);display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.method-content h4{color:var(--gray-900);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0}.method-content p{color:var(--gray-600);font-size:.95rem;margin:0}.availability{background:#2563eb0d;border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.availability h4{color:var(--gray-900);font-size:1.1rem;margin-bottom:var(--space-sm)}.availability p{color:var(--gray-600);font-size:.9rem;line-height:1.6;margin:0}.contact-form-container{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-2xl)}.contact-form h3{color:var(--gray-900);font-size:1.5rem;margin-bottom:var(--space-xl);text-align:center}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.form-group{margin-bottom:var(--space-lg)}.form-group label{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:500;gap:var(--space-sm);margin-bottom:var(--space-sm)}.label-icon{color:var(--primary);font-size:1rem}.form-input,.form-textarea{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.95rem;padding:var(--space-md);resize:vertical;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{line-height:1.6;min-height:120px}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-lg);transition:all var(--transition-fast);width:100%}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-footer{text-align:center}.cta-section{background:linear-gradient(135deg,#2563eb0d,#3b82f61a);border:1px solid #2563eb1a;border-radius:var(--radius-2xl);padding:var(--space-4xl) var(--space-2xl)}.cta-section h3{color:var(--gray-900);font-size:2rem;margin-bottom:var(--space-md)}.cta-section p{color:var(--gray-600);font-size:1.1rem;line-height:1.7;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}@media (max-width:768px){.contact-content{gap:var(--space-2xl);grid-template-columns:1fr}.contact-form-container{padding:var(--space-xl)}.form-row{gap:var(--space-md);grid-template-columns:1fr}.contact-method{gap:var(--space-md);padding:var(--space-md)}.method-icon{font-size:1rem;height:40px;width:40px}.availability{padding:var(--space-md)}.cta-section{padding:var(--space-2xl) var(--space-lg)}.cta-section h3{font-size:1.5rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:280px;width:100%}}@media (max-width:1024px) and (min-width:769px){.contact-content{gap:var(--space-3xl)}.form-row{gap:var(--space-md)}}.footer{background:var(--gray-900);color:var(--white);overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{padding:var(--space-4xl) 0 var(--space-2xl);position:relative}.footer-grid{grid-gap:var(--space-4xl);display:grid;gap:var(--space-4xl);grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-brand{max-width:400px}.brand-logo{align-items:center;display:flex;font-size:2rem;font-weight:800;margin-bottom:var(--space-md)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--white) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text}.brand-dot{color:var(--accent);margin-left:2px}.brand-tagline{color:var(--primary-light);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-md)}.brand-description{color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-xl)}.footer-contact-info{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-item{align-items:center;color:var(--gray-300);display:flex;font-size:.9rem;gap:var(--space-sm)}.contact-icon{color:var(--primary-light);font-size:1rem}.footer-connect h3,.footer-links h3,.footer-services h3{color:var(--white);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-lg);position:relative}.footer-connect h3:after,.footer-links h3:after,.footer-services h3:after{background:var(--primary);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links ul,.footer-services ul{list-style:none;margin:0;padding:0}.footer-links li,.footer-services li{margin-bottom:var(--space-sm)}.footer-link{background:none;border:none;color:var(--gray-300);cursor:pointer;font-family:var(--font-primary);font-size:.95rem;padding:0;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-light)}.footer-services li{color:var(--gray-300);font-size:.95rem;padding-left:var(--space-md);position:relative}.footer-services li:before{color:var(--primary);content:"▸";left:0;position:absolute}.footer-connect p{color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-xl)}.social-links{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--gray-300);display:flex;font-size:1.1rem;height:45px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:45px}.social-link:hover{background:var(--primary);background:var(--hover-color,var(--primary));border-color:var(--hover-color,var(--primary));box-shadow:0 0 20px #2563eb4d;box-shadow:0 0 20px rgba(var(--hover-color,37,99,235),.3);color:var(--white)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cta-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-fast)}.cta-button:hover{box-shadow:var(--shadow-lg);color:var(--white);transform:translateY(-2px)}.footer-bottom{background:#0000004d;border-top:1px solid #ffffff1a;padding:var(--space-xl) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.copyright,.made-with-love{color:var(--gray-400);font-size:.9rem;margin:0}.made-with-love{align-items:center;display:flex;gap:var(--space-xs)}.heart-icon{animation:heartbeat 2s ease-in-out infinite;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-tech{color:var(--gray-400);font-size:.85rem}@media (max-width:768px){.footer-grid{gap:var(--space-2xl);grid-template-columns:1fr;text-align:center}.footer-brand{max-width:none}.footer-contact-info{align-items:center}.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;gap:var(--space-sm);text-align:center}.footer-content{padding:var(--space-2xl) 0 var(--space-xl)}}@media (max-width:1024px) and (min-width:769px){.footer-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:none;text-align:center}.footer-contact-info{align-items:center}.social-links{justify-content:center}}@media (min-width:1400px){.footer-grid{gap:var(--space-4xl)}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--gray-100)}body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%)}.bg-gradient-secondary{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%)}.bg-pattern{background-image:radial-gradient(circle at 25px 25px,#2563eb1a 2px,#0000 0),radial-gradient(circle at 75px 75px,#2563eb0d 2px,#0000 0);background-size:100px 100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--primary)}}.typing-animation{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:3px solid var(--primary);overflow:hidden;white-space:nowrap}.glow{box-shadow:0 0 20px #2563eb4d}.glow:hover{box-shadow:0 0 30px #2563eb80}.parallax{transform:translateZ(0);will-change:transform}.focus-ring:focus{box-shadow:0 0 0 3px #2563eb1a;outline:none}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--gray-200);border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:all .6s ease-out}.fade-in-right.visible{opacity:1;transform:translateX(0)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (max-width:768px){.typing-animation{animation:typing 2.5s steps(30),blink-caret .75s step-end infinite}.fade-in,.fade-in-left,.fade-in-right{transform:translateY(20px)}.fade-in-left{transform:translateX(-20px)}.fade-in-right{transform:translateX(20px)}}@media (prefers-color-scheme:dark){:root{--white:#0f172a;--gray-50:#1e293b;--gray-100:#334155;--gray-800:#f1f5f9;--gray-900:#f8fafc}}
/*# sourceMappingURL=main.f3f5d49c.css.map*/