@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--hue-accent:226;--hue-bg:220;--color-primary:hsl(var(--hue-accent), 90%, 65%);--color-primary-rgb:92, 124, 250;--color-primary-dark:hsl(var(--hue-accent), 80%, 50%);--color-primary-light:hsl(var(--hue-accent), 95%, 75%);--color-bg-base:hsl(var(--hue-bg), 24%, 6%);--color-bg-surface:hsl(var(--hue-bg), 20%, 10%);--color-bg-card:hsla(var(--hue-bg), 20%, 13%, .45);--color-text-primary:hsl(var(--hue-bg), 15%, 96%);--color-text-secondary:hsl(var(--hue-bg), 10%, 75%);--color-text-muted:hsl(var(--hue-bg), 8%, 55%);--color-border:#ffffff14;--glass-bg:#ffffff08;--glass-blur:blur(20px);--glass-border:1px solid #ffffff14;--glass-shadow:0 8px 32px 0 #0006;--navbar-bg:#121624b8;--navbar-bg-scrolled:#121624e6;--navbar-border-scrolled:#ffffff29;--navbar-mobile-bg:#11141feb;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3.5rem;--spacing-hero:7rem;--navbar-height:4.5rem;--page-max-width:1200px;--font-family-base:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-xxl:2.5rem;--font-size-display:4rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:light){:root{--color-primary:hsl(var(--hue-accent), 85%, 48%);--color-primary-rgb:26, 54, 219;--color-primary-dark:hsl(var(--hue-accent), 85%, 35%);--color-primary-light:hsl(var(--hue-accent), 75%, 60%);--color-bg-base:hsl(var(--hue-bg), 20%, 97%);--color-bg-surface:hsl(var(--hue-bg), 20%, 93%);--color-bg-card:hsla(var(--hue-bg), 20%, 99%, .75);--color-text-primary:hsl(var(--hue-bg), 25%, 12%);--color-text-secondary:hsl(var(--hue-bg), 15%, 32%);--color-text-muted:hsl(var(--hue-bg), 10%, 50%);--color-border:hsla(var(--hue-bg), 20%, 10%, .08);--glass-bg:#ffffffb3;--glass-border:1px solid #0000000f;--glass-shadow:0 8px 32px 0 #0000000f;--navbar-bg:#ffffffbf;--navbar-bg-scrolled:#fffffff0;--navbar-border-scrolled:#0000001a;--navbar-mobile-bg:#fffffff5}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-family-base);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%, rgba(var(--color-primary-rgb), .1) 0, rgba(var(--color-primary-rgb), 0) 35%), radial-gradient(circle at 85% 80%, #54c9ff1a 0, #54c9ff00 35%);min-height:100%;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-surface);border-radius:var(--radius-full);border:2px solid var(--color-bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.transition{transition:all var(--transition-normal)}.container{max-width:var(--page-max-width);padding:0 var(--spacing-lg);width:100%;margin:0 auto}.page-shell{padding-top:var(--spacing-xl)}::selection{background-color:rgba(var(--color-primary-rgb), .2);color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseNeon{0%,to{box-shadow:0 0 15px rgba(var(--color-primary-rgb), .4)}50%{box-shadow:0 0 25px rgba(var(--color-primary-rgb), .7)}}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.float{animation:4s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app-shell{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell:before,.app-shell:after{content:"";filter:blur(90px);opacity:.28;z-index:-1;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:fixed}.app-shell:before{background:rgba(var(--color-primary-rgb), .6);top:-9rem;left:-7rem}.app-shell:after{background:#54c9ff59;bottom:-9rem;right:-7rem}.app-main{padding-bottom:var(--spacing-xxl);flex:1}.navbar-header{z-index:1000;width:100%;padding:0 var(--spacing-md);position:sticky;top:1.5rem}.navbar{min-height:var(--navbar-height);border-radius:var(--radius-full);border:var(--glass-border);background:var(--navbar-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;margin:0 auto;padding:.7rem 1.25rem;display:flex}.navbar-header.scrolled .navbar{background:var(--navbar-bg-scrolled);border-color:var(--navbar-border-scrolled)}.navbar-brand{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:inline-flex}.brand-text{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.navbar-logo{object-fit:contain;width:36px;height:36px;display:block}.nav-list{gap:var(--spacing-xl);align-items:center;list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.03em;border-radius:var(--radius-full);transition:color var(--transition-fast);padding:.5rem .75rem;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background:var(--color-primary);border-radius:var(--radius-full);width:16px;height:2px;box-shadow:0 0 8px var(--color-primary);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-cta{background:var(--color-primary);color:var(--color-bg-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid #0000;padding:.6rem .95rem;text-decoration:none}.nav-cta:hover{box-shadow:0 10px 25px rgba(var(--color-primary-rgb), .35);transform:translateY(-2px)}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.mobile-toggle .bar{background:var(--color-text-primary);border-radius:var(--radius-full);width:100%;height:2px;transition:transform var(--transition-normal), opacity var(--transition-normal)}.mobile-toggle .bar.open:first-child{transform:translateY(8px)rotate(45deg)}.mobile-toggle .bar.open:nth-child(2){opacity:0}.mobile-toggle .bar.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=768px){.navbar-header{top:.8rem}.navbar{border-radius:var(--radius-lg);padding:.7rem 1rem}.brand-text{font-size:var(--font-size-xs)}.mobile-toggle{display:flex}.nav-list{width:100%;padding:var(--spacing-lg);background:var(--navbar-mobile-bg);-webkit-backdrop-filter:blur(25px);border:var(--glass-border);border-radius:var(--radius-lg);align-items:stretch;gap:var(--spacing-md);opacity:0;pointer-events:none;flex-direction:column;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-10px)}.nav-list.show{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link,.nav-cta{text-align:center;width:100%}.nav-cta{display:inline-block}.nav-link.active:after{display:none}}.footer{-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-xl) 0;background:linear-gradient(#0000,#0a0c1673);border-top:1px solid #ffffff14;width:100%;margin-top:auto}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-copy{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-subcopy{margin-top:var(--spacing-xxs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.footer-socials{gap:var(--spacing-md);display:flex}.footer-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none}.footer-link:hover{color:var(--color-primary);text-shadow:0 0 10px rgba(var(--color-primary-rgb), .5)}@media (width<=600px){.footer-content{gap:var(--spacing-md);text-align:center;flex-direction:column}}.btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-normal), color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:rgba(var(--color-primary-rgb), .15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb), .35);box-shadow:0 4px 15px rgba(var(--color-primary-rgb), .1)}.btn-primary:hover{background:var(--color-primary);color:var(--color-bg-base);border-color:var(--color-primary);box-shadow:0 0 20px rgba(var(--color-primary-rgb), .6);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-text-secondary);background:#ffffff0d;transform:translateY(-2px)}.btn-outline:active{transform:translateY(0)}.home-container{min-height:calc(100vh - var(--navbar-height));gap:var(--spacing-xxl);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl);display:grid;position:relative;overflow:hidden}.hero-section{gap:var(--spacing-xxl);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-badge{border-radius:var(--radius-full);margin-bottom:var(--spacing-md);border-color:rgba(var(--color-primary-rgb), .2);padding:.5rem 1rem;display:inline-flex}.hero-badge span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-light);letter-spacing:.05em}.hero-title{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);letter-spacing:-.05em;margin-bottom:var(--spacing-xs);line-height:1.05}.hero-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.hero-description{color:var(--color-text-muted);font-size:var(--font-size-md);max-width:600px;margin-bottom:var(--spacing-xl);line-height:1.6}.hero-actions{gap:var(--spacing-md);display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrapper{padding:var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);width:100%;max-width:420px;position:relative;overflow:hidden}.hero-img{border-radius:var(--radius-md);width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(var(--color-primary-rgb), .15));display:block}.glow-orb{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .25) 0%, rgba(var(--color-primary-rgb), 0) 70%);z-index:-1;pointer-events:none;width:250px;height:250px;animation:6s ease-in-out infinite pulseNeon;position:absolute;top:-20%;right:-20%}.home-metrics{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{padding:var(--spacing-lg);gap:var(--spacing-xxs);text-align:left;flex-direction:column;display:flex}.metric-card:hover{border-color:rgba(var(--color-primary-rgb), .28);transform:translateY(-4px)}.metric-value{font-size:2rem;line-height:1}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.home-highlights{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.highlight-card{padding:var(--spacing-xl)}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0003}.highlight-card h3{margin-bottom:var(--spacing-sm);font-size:var(--font-size-md)}.highlight-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width<=992px){.hero-section{gap:var(--spacing-xl);text-align:center;grid-template-columns:1fr}.hero-content{text-align:center;align-items:center}.hero-description{margin-left:auto;margin-right:auto}.hero-title{font-size:3rem}.hero-visual{margin-top:var(--spacing-lg)}.home-metrics{grid-template-columns:repeat(2,1fr)}.home-highlights{grid-template-columns:1fr}}@media (width<=576px){.hero-title{font-size:var(--font-size-xxl)}.hero-actions{flex-direction:column;width:100%}.hero-actions a,.hero-actions button{width:100%}.home-metrics{grid-template-columns:1fr}}.section-container{padding:var(--spacing-xxl) var(--spacing-lg) var(--spacing-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.section-header{text-align:center;margin-bottom:var(--spacing-xxl);flex-direction:column;align-items:center;display:flex}.section-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.05em;margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:600px;margin-top:var(--spacing-xs)}.section-divider{background:var(--color-primary);border-radius:var(--radius-full);width:60px;height:3px;margin-top:var(--spacing-md);box-shadow:0 0 10px var(--color-primary)}.section-content{width:100%}@media (width<=768px){.section-container{padding:var(--spacing-xl) var(--spacing-md)}.section-title{font-size:var(--font-size-xl)}}.about-page{padding-bottom:var(--spacing-xxl)}.about-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl);grid-template-columns:1.2fr .8fr;display:grid}.about-bio{padding:var(--spacing-xl);gap:var(--spacing-md);text-align:left;flex-direction:column;display:flex}.about-bio h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.about-bio p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.about-stats-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.stat-card{padding:var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.stat-card:hover{border-color:rgba(var(--color-primary-rgb), .25);box-shadow:0 8px 30px rgba(var(--color-primary-rgb), .1);transform:translateY(-4px)}.stat-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.stat-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-top:var(--spacing-xs)}.timeline-section{margin-top:var(--spacing-xxl)}.timeline-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-xxl)}.timeline-container{gap:var(--spacing-lg);border-left:2px dashed #ffffff26;flex-direction:column;max-width:800px;margin:0 auto;padding-left:2rem;display:flex;position:relative}.timeline-item{padding:var(--spacing-lg);text-align:left;position:relative}.timeline-item:hover{border-color:rgba(var(--color-primary-rgb), .2);transform:translate(4px)}.timeline-dot{background:var(--color-primary);border-radius:var(--radius-full);width:12px;height:12px;box-shadow:0 0 10px var(--color-primary);transition:transform var(--transition-fast);position:absolute;top:1.7rem;left:-2.4rem}.timeline-item:hover .timeline-dot{transform:scale(1.4)}.timeline-year{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:block}.timeline-role{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs)}.timeline-company{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.timeline-desc{color:var(--color-text-muted);font-size:var(--font-size-sm)}.values-grid{margin-top:var(--spacing-xxl);gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.value-card{padding:var(--spacing-lg)}.value-card:hover{border-color:rgba(var(--color-primary-rgb), .22);transform:translateY(-5px)}.value-card h4{margin-bottom:var(--spacing-sm);font-size:var(--font-size-md)}.value-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width<=992px){.about-grid,.values-grid{grid-template-columns:1fr}}@media (width<=576px){.about-stats-grid{grid-template-columns:1fr}.timeline-container{padding-left:1.5rem}.timeline-dot{left:-1.9rem}}.card{border-radius:var(--radius-lg);height:100%;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:translateY(0)}.card:hover{border-color:rgba(var(--color-primary-rgb), .3);box-shadow:0 12px 40px rgba(var(--color-primary-rgb), .15);transform:translateY(-8px)}.card-image-container{border-bottom:var(--glass-border);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card:hover .card-image{transform:scale(1.08)}.card-overlay{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#080a1440,#080a14b8);width:100%;height:100%;position:absolute;top:0;left:0}.card:hover .card-overlay{opacity:1;pointer-events:auto}.card-link-btn{padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-color:var(--color-primary);border-radius:var(--radius-full);text-decoration:none;color:var(--color-primary)!important}.card-link-btn:hover{background:var(--color-primary);box-shadow:0 0 15px var(--color-primary);color:var(--color-bg-base)!important}.card-body{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);flex:1;line-height:1.5}.card-tags{gap:var(--spacing-xs);flex-wrap:wrap;margin-top:auto;display:flex}.card-tag{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-sm);color:var(--color-primary);border-radius:var(--radius-full);border-color:rgba(var(--color-primary-rgb), .2)}.projects-page{padding-bottom:var(--spacing-xxl)}.filter-wrapper{margin-bottom:var(--spacing-xxl)}.filter-container{justify-content:center;gap:var(--spacing-xs);border-radius:var(--radius-full);flex-wrap:wrap;padding:.35rem;display:flex}.filter-btn{color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:1px solid #0000;padding:.5rem 1.25rem}.filter-btn:hover{color:var(--color-primary-light);border-color:rgba(var(--color-primary-rgb), .25)}.filter-btn.active{background:var(--color-primary);color:var(--color-bg-base);box-shadow:0 0 15px rgba(var(--color-primary-rgb), .5)}.projects-grid{gap:var(--spacing-xl);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-grid-item{height:100%}.delivery-stats{margin-top:var(--spacing-xxl);gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.delivery-card{padding:var(--spacing-lg);text-align:center}.delivery-card:hover{transform:translateY(-5px)}.delivery-value{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);display:block}.delivery-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width<=992px){.delivery-stats{grid-template-columns:1fr}}@media (width<=576px){.filter-container{border-radius:var(--radius-lg);width:100%}.filter-btn{text-align:center;width:100%}}.skills-page{padding-bottom:var(--spacing-xxl)}.skills-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.skills-card{padding:var(--spacing-xl);text-align:left}.skills-card:hover{border-color:rgba(var(--color-primary-rgb), .2);transform:translateY(-4px)}.category-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.skills-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.skill-info{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.skill-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.skill-level{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-light)}.progress-bar-container{border-radius:var(--radius-full);border-color:#ffffff0f;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);height:100%;box-shadow:0 0 10px rgba(var(--color-primary-rgb), .7);width:var(--width-percent);animation:1.2s cubic-bezier(.1,.8,.3,1) forwards loadProgress}@keyframes loadProgress{0%{width:0%}}.service-grid{margin-top:var(--spacing-xxl);gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.service-card{padding:var(--spacing-lg)}.service-card:hover{transform:translateY(-5px)}.service-card h4{margin-bottom:var(--spacing-xs)}.service-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width<=992px){.service-grid{grid-template-columns:1fr}}@media (width<=576px){.skills-card{padding:var(--spacing-lg)}}.contact-page{padding-bottom:var(--spacing-xxl)}.contact-grid{gap:var(--spacing-xl);grid-template-columns:.8fr 1.2fr;display:grid}.contact-info-panel{gap:var(--spacing-md);flex-direction:column;justify-content:flex-start;width:100%;display:flex}.info-card{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);text-align:left;width:100%;display:flex}.info-card:hover{border-color:rgba(var(--color-primary-rgb), .2);transform:translateY(-4px)}.collaboration-card{padding:var(--spacing-lg)}.collaboration-card h4{margin-bottom:var(--spacing-sm)}.collaboration-card ul{gap:var(--spacing-sm);list-style:none;display:grid}.collaboration-card li{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-left:1rem;position:relative}.collaboration-card li:before{content:"";background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 8px rgba(var(--color-primary-rgb), .8);border-radius:50%;position:absolute;top:.5rem;left:0}.info-icon{background:rgba(var(--color-primary-rgb), .1);border:1px solid rgba(var(--color-primary-rgb), .25);border-radius:var(--radius-md);width:50px;height:50px;font-size:var(--font-size-lg)}.info-details h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xxs)}.info-details p,.info-details a{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-decoration:none}.info-details a:hover{color:var(--color-primary)}.contact-form-wrapper{padding:var(--spacing-xl);text-align:left}.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.form-input{width:100%;padding:.85rem var(--spacing-md);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);border-radius:var(--radius-md);outline:none}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 15px rgba(var(--color-primary-rgb), .25);background:rgba(var(--color-primary-rgb), .03)}textarea.form-input{resize:vertical}.form-submit{justify-content:flex-end;display:flex}.submit-btn{padding:.85rem var(--spacing-xl)!important}.status-message{padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);text-align:center}.status-message.success{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.status-message.error{color:#f87171;background:#f8717114;border-color:#f8717166}.status-message.loading{border-color:rgba(var(--color-primary-rgb), .3);background:rgba(var(--color-primary-rgb), .05);color:var(--color-primary-light)}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}@media (width<=576px){.contact-form-wrapper{padding:var(--spacing-lg)}}