:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #8b5cf6;--color-bg-dark: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-success: #22c55e;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-regular: 400;--font-medium: 500;--font-bold: 700;--font-black: 900;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow-primary: 0 10px 40px -10px rgba(99, 102, 241, .3);--shadow-glow-secondary: 0 10px 40px -10px rgba(139, 92, 246, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-navbar: 1000;--z-mobile-menu: 999;--z-dropdown: 100;--z-sticky: 50}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-regular);line-height:1.6;color:var(--color-text-main);background-color:var(--color-bg-dark);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text-main)}h1{font-size:var(--text-5xl);font-weight:var(--font-black)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-bold)}h4{font-size:var(--text-xl);font-weight:var(--font-bold)}p{margin-bottom:var(--space-md);color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}@media(min-width:640px){.container{padding:0 var(--space-lg)}}@media(min-width:1024px){.container{padding:0 var(--space-xl)}}section{padding:var(--space-3xl) 0}.navbar{position:sticky;top:0;z-index:var(--z-navbar);width:100%;border-bottom:1px solid rgba(51,65,85,.5);background-color:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-main);text-decoration:none;transition:opacity var(--transition-fast)}.logo:hover{opacity:.9}.logo-icon{font-size:1.75rem;color:var(--color-primary)}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.025em}.nav-links{display:none;list-style:none;gap:var(--space-xl)}@media(min-width:768px){.nav-links{display:flex;flex:1;justify-content:center}}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text-main)}.nav-link.active:after{content:"";position:absolute;bottom:-1.25rem;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}.nav-actions{display:flex;align-items:center;gap:var(--space-md)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-menu-btn:hover{color:var(--color-text-main);background-color:#3341554d}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:4rem;left:0;right:0;z-index:var(--z-mobile-menu);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-links{list-style:none;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-nav-link{display:block;padding:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--color-text-main);background-color:#33415580}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:none;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background-color:#1e293b80;color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base);min-width:10rem;height:3rem}@media(min-width:640px){.nav-actions .btn{display:inline-flex}}@media(max-width:639px){.nav-actions .btn{display:none}}.hero{position:relative;min-height:calc(100vh - 4rem);display:flex;align-items:center}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:37.5rem;overflow:hidden;pointer-events:none;opacity:.2;z-index:-1;background:radial-gradient(ellipse at 20% -10%,rgba(99,102,241,.5) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(139,92,246,.5) 0%,transparent 50%);filter:blur(128px)}.hero-container{display:flex;justify-content:center}.hero-content{max-width:64rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background-color:#1e293b80;border:1px solid var(--color-border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-dot{width:.5rem;height:.5rem;background-color:var(--color-success);border-radius:var(--radius-full);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-black);line-height:1.1;letter-spacing:-.02em}@media(min-width:640px){.hero-title{font-size:var(--text-6xl)}.hero-title br{display:block}}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{max-width:40rem;font-size:var(--text-lg);color:var(--color-text-muted)}@media(min-width:640px){.hero-subtitle{font-size:var(--text-xl)}}.hero-ctas{display:flex;flex-direction:column;gap:var(--space-md);width:100%}@media(min-width:640px){.hero-ctas{flex-direction:row;width:auto}}.footer{margin-top:auto;border-top:1px solid var(--color-border);background-color:var(--color-bg-dark);padding:var(--space-2xl) 0}.footer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}@media(min-width:640px){.footer-container{flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo-icon{font-size:1.5rem;color:var(--color-primary)}.footer-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-main)}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-social{display:flex;gap:var(--space-lg)}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-text-main);background-color:var(--color-surface-hover)}.social-link .material-symbols-outlined{font-size:1.25rem}.page-header{padding:var(--space-2xl) 0;display:flex;flex-direction:column;gap:var(--space-lg)}.page-header-subtitle{max-width:40rem;font-size:var(--text-lg);color:var(--color-text-muted)}.flex-grow{flex:1}.stats-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:#1e293b33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);text-align:center}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-muted)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-main)}@media(min-width:640px){.stat-value{font-size:var(--text-5xl)}}.services-section{padding:var(--space-3xl) 0}.services-header{margin-bottom:var(--space-2xl)}.services-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main)}@media(min-width:640px){.services-title{font-size:var(--text-4xl)}}.services-subtitle{max-width:40rem;font-size:var(--text-lg);color:var(--color-text-muted)}.services-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{display:flex;flex-direction:column;padding:var(--space-lg);background-color:#1e293b66;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.service-card:hover{border-color:#6366f180;background-color:#1e293b99;box-shadow:0 10px 15px -3px #6366f11a}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:var(--space-md);border-radius:var(--radius-sm);font-size:1.5rem}.service-icon.primary{background-color:#6366f133;color:var(--color-primary)}.service-icon.secondary{background-color:#8b5cf633;color:var(--color-secondary)}.service-card h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-main);margin-bottom:var(--space-sm)}.service-card p{font-size:var(--text-sm);color:var(--color-text-muted)}.cta-section{padding:var(--space-3xl) 0}.cta-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--gradient-primary);padding:var(--space-2xl) var(--space-lg);text-align:center;box-shadow:var(--shadow-xl)}@media(min-width:640px){.cta-card{padding:var(--space-4xl) var(--space-2xl)}}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.1;mix-blend-mode:overlay}.cta-content{position:relative;z-index:1;max-width:40rem;margin:0 auto}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:#fff}@media(min-width:640px){.cta-title{font-size:var(--text-4xl)}}.cta-text{margin-top:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-medium);color:#ffffffe6}.cta-button{margin-top:var(--space-xl);display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);background-color:#fff;color:var(--color-primary);font-weight:var(--font-bold);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.cta-button:hover{transform:scale(1.05)}.portfolio-filters{margin-bottom:var(--space-2xl);overflow-x:auto;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.filter-tabs{display:flex;gap:var(--space-sm);min-width:max-content}.filter-tab{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base)}.filter-tab.active{background:var(--gradient-primary);color:#fff;font-weight:var(--font-bold);box-shadow:var(--shadow-glow-primary)}.filter-tab:not(.active){background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.filter-tab:not(.active):hover{background-color:var(--color-surface-hover);color:var(--color-text-main)}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all var(--transition-slow)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#6366f180}.project-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:#0f172a}.project-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image{transform:scale(1.1)}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-surface),transparent);opacity:.6}.project-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.project-content{display:flex;flex-direction:column;flex:1;padding:var(--space-lg)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.project-tag{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);border:1px solid}.project-tag-primary{background-color:#6366f11a;color:var(--color-primary);border-color:#6366f133}.project-tag-blue{background-color:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.project-tag-yellow{background-color:#eab3081a;color:#facc15;border-color:#eab30833}.project-tag-green{background-color:#22c55e1a;color:#4ade80;border-color:#22c55e33}.project-tag-cyan{background-color:#06b6d41a;color:#22d3ee;border-color:#06b6d433}.project-tag-purple{background-color:#a855f71a;color:#c084fc;border-color:#a855f733}.project-tag-orange{background-color:#f973161a;color:#fb923c;border-color:#f9731633}.project-tag-teal{background-color:#14b8a61a;color:#2dd4bf;border-color:#14b8a633}.project-tag-indigo{background-color:#6366f11a;color:#818cf8;border-color:#6366f133}.project-tag-pink{background-color:#ec48991a;color:#f472b6;border-color:#ec489933}.project-card h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-main);transition:color var(--transition-fast)}.project-card:hover h3{color:var(--color-primary)}.project-card p{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.project-link{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.project-link .material-symbols-outlined{transition:transform var(--transition-fast)}.project-card:hover .project-link .material-symbols-outlined{transform:translate(4px)}.about-hero{padding:var(--space-2xl) 0}.about-hero-wrapper{display:flex;flex-direction:column;gap:var(--space-2xl)}@media(min-width:864px){.about-hero-wrapper{flex-direction:row;align-items:center}}.about-image-col{position:relative}@media(min-width:864px){.about-image-col{width:41.666%}}.about-image-wrapper{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.about-image-wrapper:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:var(--gradient-primary);border-radius:var(--radius-lg);filter:blur(16px);opacity:.25;transition:opacity var(--transition-slow);z-index:-1}.about-image-wrapper:hover:before{opacity:.5}.about-image{width:100%;height:100%;object-fit:cover}.about-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.8),transparent)}.about-image-info{position:absolute;bottom:var(--space-lg);left:var(--space-lg);color:#fff}.about-image-info p:first-child{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff}.about-image-info p:last-child{font-size:var(--text-sm);color:#fffc}.about-content-col{display:flex;flex-direction:column;gap:var(--space-lg)}@media(min-width:864px){.about-content-col{width:58.333%}}.about-stat-cards{display:flex;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-md)}.about-stat-card{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:120px}@media(prefers-color-scheme:dark){.about-stat-card{background-color:var(--color-surface)}}.about-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.about-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}.skills-section{background-color:#f1f5f9;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-3xl) 0}@media(prefers-color-scheme:dark){.skills-section{background-color:#151520}}.skills-wrapper{display:flex;flex-direction:column;gap:var(--space-2xl)}@media(min-width:768px){.skills-wrapper{flex-direction:row}}.skills-left{display:flex;flex-direction:column;gap:var(--space-lg)}@media(min-width:768px){.skills-left{width:33.333%}}.skills-right{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:640px){.skills-right{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.skills-right{width:66.667%}}.skill-bar-item{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-bar-header{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-medium)}.skill-bar-name{color:var(--color-text-main)}.skill-bar-percent{color:var(--color-primary)}.skill-bar-track{height:.5rem;width:100%;background-color:#e2e8f0;border-radius:var(--radius-full);overflow:hidden}@media(prefers-color-scheme:dark){.skill-bar-track{background-color:var(--color-border)}}.skill-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}@media(prefers-color-scheme:dark){.skill-card{background-color:var(--color-surface)}}.skill-card:hover{border-color:#6366f180;box-shadow:var(--shadow-glow-primary)}.skill-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:var(--space-md);border-radius:var(--radius-sm);transition:transform var(--transition-base)}.skill-card:hover .skill-card-icon{transform:scale(1.1)}.skill-card-icon.primary{background-color:#6366f11a;color:var(--color-primary)}.skill-card-icon.yellow{background-color:#eab3081a;color:#facc15}.skill-card-icon.green{background-color:#22c55e1a;color:#4ade80}.skill-card-icon.blue{background-color:#3b82f61a;color:#60a5fa}.skill-card-icon.lime{background-color:#84cc161a;color:#a3e635}.skill-card-icon.purple{background-color:#a855f71a;color:#c084fc}.skill-card h3{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-main)}.timeline-section{max-width:56.25rem;padding:var(--space-3xl) var(--space-md)}.timeline-header{text-align:center;margin-bottom:var(--space-3xl)}.timeline-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main)}@media(min-width:640px){.timeline-title{font-size:var(--text-4xl)}}.timeline-subtitle{color:var(--color-text-muted)}.timeline-list{position:relative;display:flex;flex-direction:column;gap:var(--space-2xl);padding-left:var(--space-lg)}@media(min-width:768px){.timeline-list{padding-left:0}}.timeline-line{position:absolute;left:8px;top:0;bottom:0;width:1px;background-color:#e2e8f0}@media(min-width:768px){.timeline-line{left:50%;transform:translate(-50%)}}@media(prefers-color-scheme:dark){.timeline-line{background-color:var(--color-border)}}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}@media(min-width:768px){.timeline-item{flex-direction:row;justify-content:space-between}}.timeline-item:nth-child(odd) .timeline-content{margin-right:0}@media(min-width:768px){.timeline-item:nth-child(odd) .timeline-content{margin-right:auto;margin-left:0}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;margin-right:0}}.timeline-dot{position:absolute;left:8px;width:1rem;height:1rem;background-color:var(--color-bg-dark);border:2px solid var(--color-primary);border-radius:var(--radius-full);z-index:1}@media(min-width:768px){.timeline-dot{left:50%;transform:translate(-50%)}}.timeline-item:nth-child(2n) .timeline-dot{border-color:#94a3b8}.timeline-content{width:100%;margin-bottom:var(--space-md);padding:var(--space-lg);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}@media(prefers-color-scheme:dark){.timeline-content{background-color:var(--color-surface)}}@media(min-width:768px){.timeline-content{width:45%;margin-bottom:0}}.timeline-content:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d}.timeline-date{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-sm);display:block}.timeline-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main);margin-bottom:var(--space-xs)}.timeline-company{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.timeline-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-availability{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-sm) var(--space-md);background-color:#f1f5f9;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}@media(prefers-color-scheme:dark){.timeline-availability{background-color:var(--color-surface)}}.contact-hero{padding:var(--space-3xl) var(--space-md);text-align:center}.contact-hero-content{max-width:40rem;margin:0 auto}.contact-hero-title{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-text-main);margin-bottom:var(--space-md)}@media(min-width:640px){.contact-hero-title{font-size:var(--text-5xl)}}.contact-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-xl)}.contact-ctas{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:640px){.contact-ctas{flex-direction:row;justify-content:center}}.contact-section{padding:var(--space-3xl) 0}.contact-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.contact-wrapper{grid-template-columns:1fr 1fr}}.contact-info-card{padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-info-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main);margin-bottom:var(--space-md)}.contact-info-text{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.contact-links{display:flex;flex-direction:column;gap:var(--space-md)}.contact-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.contact-link:hover{color:var(--color-text-main);background-color:var(--color-surface-hover)}.contact-link-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#6366f11a;color:var(--color-primary);border-radius:var(--radius-sm)}.contact-link-content{flex:1}.contact-link-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}.contact-link-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main)}.contact-form-card{padding:var(--space-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-form-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main);margin-bottom:var(--space-md)}.contact-form-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);margin-bottom:var(--space-sm)}.form-input,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-text-main);background-color:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical}.form-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-glow-primary);transition:all var(--transition-base)}.form-submit:hover{opacity:.9;transform:translateY(-2px)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.material-symbols-outlined{-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}body{opacity:0;transition:opacity .5s ease}html.js-loaded body{opacity:1}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1);will-change:opacity}.slide-in-left{opacity:0;transform:translate(-30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.slide-in-right{opacity:0;transform:translate(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-up.animate,.fade-in.animate,.slide-in-left.animate,.slide-in-right.animate{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}