:root{--color-primary:#06c;--color-primary-dark:#0052a3;--color-primary-light:#e6f0fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-accent:#f59e0b;--color-background:#fff;--color-surface:#f8fafc;--color-surface-hover:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-focus:#06c;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--font-size-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--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;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--container-max:1200px;--container-padding:1rem;--header-height:4rem}@media (prefers-color-scheme:dark){:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#1e3a5f;--color-secondary:#34d399;--color-secondary-dark:#10b981;--color-accent:#fbbf24;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-border:#334155;--color-border-focus:#3b82f6}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#0f172a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-base);line-height:var(--line-height-normal)}img{display:block;height:auto;max-width:100%}a{color:#06c;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#0052a3;color:var(--color-primary-dark)}a:focus-visible{border-radius:.25rem;border-radius:var(--border-radius-sm);outline:2px solid #06c;outline:2px solid var(--color-border-focus);outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-text-primary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}@media (min-width:768px){h1{font-size:3rem;font-size:var(--font-size-5xl)}h2{font-size:2.25rem;font-size:var(--font-size-4xl)}h3{font-size:1.875rem;font-size:var(--font-size-3xl)}}p{color:#475569;color:var(--color-text-secondary);margin-bottom:1rem;margin-bottom:var(--spacing-4)}ol,ul{padding-left:1.5rem;padding-left:var(--spacing-6)}li{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.container{margin:0 auto;max-width:1200px;max-width:var(--container-max);padding:0 1rem;padding:0 var(--container-padding);width:100%}.section{padding:3rem 0;padding:var(--spacing-12) 0}@media (min-width:768px){.section{padding:4rem 0;padding:var(--spacing-16) 0}}.section-header{margin-bottom:2.5rem;margin-bottom:var(--spacing-10);text-align:center}.section-title{font-size:1.875rem;font-size:var(--font-size-3xl);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}@media (min-width:768px){.section-title{font-size:2.25rem;font-size:var(--font-size-4xl)}}.section-subtitle{color:#475569;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.btn{align-items:center;border-radius:.5rem;border-radius:var(--border-radius-lg);display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-2);justify-content:center;line-height:1.5;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid #06c;outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background-color:#06c;background-color:var(--color-primary);border:2px solid #06c;border:2px solid var(--color-primary);color:#fff}.btn-primary:hover{background-color:#0052a3;background-color:var(--color-primary-dark);border-color:#0052a3;border-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:initial;border:2px solid #06c;border:2px solid var(--color-primary);color:#06c;color:var(--color-primary)}.btn-secondary:hover{background-color:#e6f0fa;background-color:var(--color-primary-light);color:#0052a3;color:var(--color-primary-dark)}.btn-outline{background-color:initial;border:2px solid #e2e8f0;border:2px solid var(--color-border);color:#0f172a;color:var(--color-text-primary)}.btn-outline:hover{background-color:#f1f5f9;background-color:var(--color-surface-hover);border-color:#0f172a;border-color:var(--color-text-primary)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.card{background-color:#f8fafc;background-color:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--border-radius-xl);overflow:hidden;transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{border-color:#06c;border-color:var(--color-border-focus);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{align-items:center;background-color:#e6f0fa;background-color:var(--color-primary-light);border-radius:9999px;border-radius:var(--border-radius-full);color:#06c;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.badge-success{background-color:#d1fae5;color:#059669;color:var(--color-secondary-dark)}.badge-warning{background-color:#fef3c7;color:#b45309}.badge-info{background-color:#dbeafe;color:#0052a3;color:var(--color-primary-dark)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#06c;background:var(--color-primary);border-radius:.5rem;border-radius:var(--border-radius-lg);color:#fff;left:50%;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);position:absolute;top:-100%;transform:translateX(-50%);transition:top .15s ease;transition:top var(--transition-fast);z-index:10000}.skip-link:focus{top:1rem;top:var(--spacing-4)}@media (max-width:480px){:root{--container-padding:0.75rem}}.header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background-color:#0b0f17b8;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.header--scrolled{background-color:#0b0f17eb;border-bottom-color:var(--color-border)}.header__container{align-items:center;display:flex;gap:var(--spacing-4);height:var(--header-height);justify-content:space-between}.header__logo{flex-shrink:0;text-decoration:none}.header__logo-text{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.header__nav{display:none}@media (min-width:768px){.header__nav{display:block}}.header__nav-list{align-items:center;display:flex;gap:var(--spacing-8)}.header__nav-link{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--spacing-2) 0;position:relative;transition:color var(--transition-fast)}.header__nav-link:after{background-color:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.header__nav-link:hover{color:var(--color-text-primary)}.header__nav-link:hover:after{width:100%}.header__nav-item--cta{display:none}@media (min-width:768px){.header__nav-item--cta{display:block}}.header__actions{align-items:center;display:flex;gap:var(--spacing-3)}.header__cta{display:none}@media (min-width:768px){.header__cta{display:inline-flex}}.header__menu-btn{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-primary);display:flex;height:42px;justify-content:center;transition:border-color var(--transition-fast);width:42px}.header__menu-btn:hover{border-color:var(--color-primary)}@media (min-width:768px){.header__menu-btn{display:none}}.header__menu-icon{align-items:center;display:flex;justify-content:center}@media (max-width:767px){.header__nav{background-color:var(--color-background);border-bottom:1px solid var(--color-border);left:0;opacity:0;padding:var(--spacing-6) var(--container-padding);position:fixed;right:0;top:var(--header-height);transform:translateY(-8px);transition:all var(--transition-normal);visibility:hidden}.header__nav--open{opacity:1;transform:translateY(0);visibility:visible}.header__nav-list{align-items:flex-start;flex-direction:column;gap:var(--spacing-1);width:100%}.header__nav-item{width:100%}.header__nav-link{border-radius:var(--border-radius-lg);color:var(--color-text-primary);display:block;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);width:100%}.header__nav-link:after{display:none}.header__nav-link:hover{background-color:var(--color-surface);color:var(--color-primary)}.header__nav-item--cta{display:block;margin-top:var(--spacing-4)}.header__nav-item--cta .header__nav-link{background-color:var(--color-primary);color:#04141a;font-weight:var(--font-weight-semibold);text-align:center}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:var(--header-height);position:relative}.hero:before{background:radial-gradient(ellipse 70% 50% at 50% -10%,#58c4dc1f 0,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.hero__content{grid-gap:var(--spacing-10);align-items:center;display:grid;gap:var(--spacing-10);position:relative;z-index:1}@media (min-width:992px){.hero__content{grid-template-columns:1.1fr 1fr}}.hero__text{text-align:center}@media (min-width:992px){.hero__text{text-align:left}}.hero__eyebrow{align-items:center;color:var(--color-primary);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-sm);gap:var(--spacing-2);letter-spacing:.06em;margin-bottom:var(--spacing-5)}.hero__eyebrow:before{background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary);content:"";height:8px;width:8px}.hero__name{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.05;margin-bottom:var(--spacing-3)}.hero__title{color:var(--color-primary);font-family:var(--font-display);font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-5)}.hero__tagline{color:var(--color-text-secondary);font-size:clamp(1rem,2vw,1.05rem);margin-bottom:var(--spacing-4);max-width:560px}.hero__description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.75;margin:0 auto var(--spacing-6);max-width:540px}@media (min-width:992px){.hero__description{margin-left:0}}.hero__pipeline{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--font-size-xs);margin:0 auto var(--spacing-8);max-width:-webkit-fit-content;max-width:fit-content;padding:var(--spacing-3) var(--spacing-4)}@media (min-width:992px){.hero__pipeline{margin-left:0}}.hero__pipeline .stage{color:var(--color-text-primary);padding:2px 4px;white-space:nowrap}.hero__pipeline .stage.hi{color:var(--color-primary)}.hero__pipeline .arrow{color:var(--color-accent);margin:0 8px}.hero__cta-group{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-8)}@media (min-width:992px){.hero__cta-group{justify-content:flex-start}}.hero__cta-primary{align-items:center;display:inline-flex;gap:var(--spacing-2)}.hero__cta-primary svg{transition:transform var(--transition-normal)}.hero__cta-primary:hover svg{transform:translateX(4px)}.hero__social{display:flex;gap:var(--spacing-4);justify-content:center}@media (min-width:992px){.hero__social{justify-content:flex-start}}.hero__social-link{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);display:flex;height:42px;justify-content:center;transition:all var(--transition-fast);width:42px}.hero__social-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero__visual{align-items:center;display:flex;flex-direction:column;position:relative}.hero__phone-frame{aspect-ratio:9/19.5;background:linear-gradient(180deg,#1b2333,#0d1220);border-radius:36px;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0f;padding:8px;position:relative;transform:perspective(1000px) rotateY(-6deg) rotateX(4deg);transition:transform var(--transition-slow);width:260px}.hero__phone-frame:hover{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.02)}.hero__phone-screen{background:#0b0f17;border-radius:28px;height:100%;overflow:hidden;position:relative;width:100%}.hero__phone-notch{background:#000;border-radius:0 0 12px 12px;height:22px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:110px;z-index:10}.hero__app-preview{display:flex;flex-direction:column;height:100%;padding:44px 16px 16px}.hero__app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 6px}.hero__app-title{color:#fff;font-family:var(--font-display);font-size:15px;font-weight:600}.hero__app-badge{background:#58c4dc29;border-radius:var(--border-radius-full);color:var(--color-primary);font-family:var(--font-mono);font-size:9px;padding:3px 8px}.hero__app-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:0 6px}.hero__stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:10px 4px;text-align:center}.hero__stat-value{color:#fff;display:block;font-size:13px;font-weight:700}.hero__stat-label{color:#ffffff80;display:block;font-size:9px;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.hero__app-chat{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-bottom:16px;padding:0 6px}.hero__bubble{animation:bubbleIn .5s ease-out forwards;border-radius:14px;font-size:10.5px;line-height:1.4;max-width:78%;opacity:0;padding:8px 12px}.hero__bubble--in{align-self:flex-start;animation-delay:.2s;background:#ffffff12;border-bottom-left-radius:4px;color:#ffffffd9}.hero__bubble--out{align-self:flex-end;animation-delay:.55s;background:var(--color-primary);border-bottom-right-radius:4px;color:#04141a}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero__app-actions{display:flex;gap:10px;padding:0 6px}.hero__action-btn{border-radius:12px;flex:1 1;font-family:var(--font-sans);font-size:11px;font-weight:600;padding:10px 12px}.hero__action-btn--primary{background:var(--color-primary);color:#04141a}.hero__action-btn--secondary{background:#ffffff14;border:1px solid #ffffff24;color:#fff}.hero__floating-cards{inset:0;pointer-events:none;position:absolute}.hero__float-card{align-items:center;animation:floatCard 4s ease-in-out infinite;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text-primary);display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;padding:9px 13px;position:absolute}.hero__float-card svg{color:var(--color-primary);flex-shrink:0}.hero__float-card--1{animation-delay:0s;right:-8%;top:8%}.hero__float-card--2{animation-delay:1.3s;bottom:22%;left:-14%}.hero__float-card--3{animation-delay:2.6s;right:-14%;top:52%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__scroll-indicator{animation:scrollBounce 2s ease-in-out infinite;bottom:var(--spacing-8);color:var(--color-text-tertiary);left:50%;position:absolute;transform:translateX(-50%)}@keyframes scrollBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@media (max-width:991px){.hero__visual{order:-1}.hero__phone-frame{width:220px}.hero__floating-cards{display:none}.hero__pipeline{font-size:11px}}.about__content{grid-gap:var(--spacing-10);align-items:start;display:grid;gap:var(--spacing-10)}@media (min-width:992px){.about__content{grid-template-columns:1fr 1.5fr}}.about__image-wrapper{margin:0 auto;max-width:340px;position:relative}.about__image-placeholder{align-items:center;aspect-ratio:3/4;background:linear-gradient(150deg,var(--color-surface) 0,#1a2336 100%);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);color:var(--color-primary);justify-content:center}.about__badge,.about__image-placeholder{border:1px solid var(--color-border);display:flex}.about__badge{background:var(--color-surface);border-radius:var(--border-radius-xl);bottom:var(--spacing-6);box-shadow:var(--shadow-lg);flex-direction:column;font-family:var(--font-mono);gap:2px;left:calc(var(--spacing-6)*-1);padding:var(--spacing-3) var(--spacing-4);position:absolute}.about__badge-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.about__badge-text:first-child{color:var(--color-primary)}.about__experience-badge{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:128px;justify-content:center;position:absolute;right:calc(var(--spacing-6)*-1);top:calc(var(--spacing-6)*-1);width:128px}.about__years{color:var(--color-primary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.about__years-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;margin-top:var(--spacing-1);text-align:center;text-transform:uppercase}.about__heading{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-6)}.about__bio p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.75;margin-bottom:var(--spacing-4)}.about__bio p:last-child{margin-bottom:0}.about__highlights{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);margin-top:var(--spacing-8)}@media (min-width:640px){.about__highlights{grid-template-columns:repeat(2,1fr)}}.about__highlight{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-5);transition:all var(--transition-normal)}.about__highlight:hover{border-color:var(--color-primary);transform:translateY(-2px)}.about__highlight-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--border-radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.about__highlight-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.about__highlight-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.about__stats{grid-gap:var(--spacing-4);border-top:1px solid var(--color-border);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-8);padding-top:var(--spacing-8)}@media (min-width:640px){.about__stats{grid-template-columns:repeat(4,1fr)}}.about__stat{padding:var(--spacing-3);text-align:center}.about__stat-number{color:var(--color-primary);display:block;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.about__stat-label{color:var(--color-text-tertiary);display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;margin-top:var(--spacing-1);text-transform:uppercase}.about__cta{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-8)}@media (max-width:767px){.about__image-wrapper{max-width:280px}.about__badge{left:calc(var(--spacing-4)*-1);padding:var(--spacing-2) var(--spacing-3)}.about__experience-badge{height:96px;right:calc(var(--spacing-4)*-1);width:96px}.about__years{font-size:var(--font-size-2xl)}}.skills__categories{grid-gap:var(--spacing-10);display:grid;gap:var(--spacing-10);margin-bottom:var(--spacing-16)}@media (min-width:768px){.skills__categories{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.skills__categories{grid-template-columns:repeat(3,1fr)}}.skills__category-title{align-items:center;border-bottom:1px solid var(--color-primary);color:var(--color-text-primary);display:flex;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);letter-spacing:.06em;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.skills__category-icon{color:var(--color-primary);flex-shrink:0}.skills__grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3)}.skills__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all var(--transition-normal)}.skills__item:hover{border-color:var(--color-primary);transform:translateY(-1px)}.skills__item-header{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.skills__item-icon{color:var(--color-primary);flex-shrink:0}.skills__item-name{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skills__proficiency{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);min-width:32px;text-align:right}.skills__progress{background:var(--color-border);border-radius:var(--border-radius-full);height:5px;overflow:hidden}.skills__progress-bar{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--border-radius-full);height:100%;transition:width 1.2s ease-out;width:0}.skills__item.is-visible .skills__progress-bar{width:var(--proficiency)}.skills__highlight{border-top:1px solid var(--color-border);padding-top:var(--spacing-12)}.skills__highlight-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-10);text-align:center}.skills__highlight-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6)}@media (min-width:640px){.skills__highlight-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.skills__highlight-grid{grid-template-columns:repeat(3,1fr)}}.skills__highlight-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal)}.skills__highlight-card:hover{border-color:var(--color-primary);transform:translateY(-3px)}.skills__highlight-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--border-radius-xl);color:var(--color-primary);display:inline-flex;height:52px;justify-content:center;margin-bottom:var(--spacing-4);width:52px}.skills__highlight-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.skills__highlight-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.projects__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-10)}.projects__filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.projects__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.projects__filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#04141a}.projects__grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6)}@media (min-width:640px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);cursor:pointer;overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-card__image{aspect-ratio:16/10;overflow:hidden;position:relative}.project-card__image-placeholder{align-items:center;background:linear-gradient(150deg,#1a2336,#0d1220);color:var(--color-primary);display:flex;height:100%;justify-content:center;width:100%}.project-card__featured-badge{background:var(--color-accent);color:#04141a;font-weight:var(--font-weight-medium);left:var(--spacing-3);letter-spacing:.05em;text-transform:uppercase}.project-card__featured-badge,.project-card__status{border-radius:var(--border-radius-full);font-family:var(--font-mono);font-size:10px;padding:var(--spacing-1) var(--spacing-3);position:absolute;top:var(--spacing-3)}.project-card__status{right:var(--spacing-3);text-transform:capitalize}.project-card__status--published{background:#5fd08a2e;color:var(--color-success)}.project-card__status--in-development{background:#e8a33d2e;color:var(--color-warning)}.project-card__content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-5)}.project-card__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.project-card__description{color:var(--color-text-secondary);flex:1 1;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-4)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.badge--more{background:var(--color-surface-hover);color:var(--color-text-secondary)}.project-card__footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:var(--spacing-4)}.project-card__year{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.project-card__cta{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);transition:gap var(--transition-fast)}.project-card__cta:hover{gap:var(--spacing-2)}.project-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:2000}.project-modal{animation:slideUp .3s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-modal__close{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all var(--transition-fast);width:40px;z-index:10}.project-modal__close:hover{border-color:var(--color-primary);color:var(--color-primary)}.project-modal__content{padding:var(--spacing-8)}@media (max-width:480px){.project-modal__content{padding:var(--spacing-6)}}.project-modal__header{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.project-modal__title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.project-modal__description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.75}.project-modal__description,.project-modal__features,.project-modal__tech{margin-bottom:var(--spacing-8)}.project-modal__features-title,.project-modal__tech-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.project-modal__tech-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.project-modal__features-list{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);list-style:none}@media (min-width:640px){.project-modal__features-list{grid-template-columns:repeat(2,1fr)}}.project-modal__feature-item{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);line-height:1.6;padding:var(--spacing-4)}.project-modal__feature-item svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.project-modal__links{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-8)}@media (max-width:480px){.project-modal__links{flex-direction:column}.project-modal__links .btn{width:100%}}.experience__tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-10)}.experience__tab{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);transition:all var(--transition-fast)}.experience__tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.experience__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#04141a}.experience__tab-count{background:var(--color-surface-hover);border-radius:var(--border-radius-full);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 8px}.experience__tab--active .experience__tab-count{background:#04141a33;color:#04141a}.experience__panel{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.experience__empty{border:1px dashed var(--color-border);border-radius:var(--border-radius-xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-10) var(--spacing-6);text-align:center}.timeline{padding-left:var(--spacing-4);position:relative}.timeline:before{background:var(--color-border);bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.timeline__item{padding-bottom:var(--spacing-10);padding-left:var(--spacing-8);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__marker{left:0;position:absolute;top:4px}.timeline__dot{background:var(--color-primary);border:3px solid var(--color-background);border-radius:50%;box-shadow:0 0 0 2px var(--color-primary);height:14px;width:14px}.timeline__dot--education{background:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary)}.timeline__dot--certification{background:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.timeline__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.timeline__content:hover{border-color:var(--color-primary)}.timeline__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-3)}.timeline__meta{display:flex;flex-direction:column;gap:var(--spacing-1)}.timeline__company{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.timeline__location{color:var(--color-text-tertiary)}.timeline__date,.timeline__location{font-family:var(--font-mono);font-size:var(--font-size-xs)}.timeline__date{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.timeline__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.timeline__description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--spacing-4)}.timeline__achievements{list-style:none;margin-bottom:var(--spacing-4)}.timeline__achievement{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);line-height:1.6;padding:var(--spacing-2) 0}.timeline__achievement svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.timeline__honors{align-items:center;background:#e8a33d1f;border-radius:var(--border-radius-lg);color:var(--color-accent);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.timeline__credential,.timeline__honors{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.timeline__credential{color:var(--color-text-tertiary);font-family:var(--font-mono)}.timeline__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}@media (max-width:767px){.timeline:before{left:8px}.timeline__item{padding-left:var(--spacing-6)}.timeline__dot{height:12px;width:12px}.timeline__content{padding:var(--spacing-4)}.timeline__header{align-items:flex-start;flex-direction:column}.timeline__date{align-self:flex-start}}@media (min-width:768px){.timeline{padding-left:var(--spacing-8)}.timeline:before{left:20px}.timeline__item{padding-left:var(--spacing-12)}.timeline__dot{height:16px;width:16px}}.contact__content{grid-gap:var(--spacing-12);display:grid;gap:var(--spacing-12)}@media (min-width:992px){.contact__content{grid-template-columns:1fr 1.2fr}}.contact__info-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.contact__info-text{color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--spacing-8)}.contact__methods{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.contact__method{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-4);transition:all var(--transition-normal)}.contact__method:hover{border-color:var(--color-primary);transform:translateY(-1px)}.contact__method-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--border-radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.contact__method-details{flex:1 1;min-width:0}.contact__method-label{color:var(--color-text-tertiary);display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;margin-bottom:var(--spacing-1);text-transform:uppercase}.contact__method-value{color:var(--color-text-primary);font-size:var(--font-size-sm);word-break:break-word}.contact__form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-2xl);padding:var(--spacing-8)}@media (max-width:767px){.contact__form{padding:var(--spacing-6)}}.form__group{margin-bottom:var(--spacing-5)}.form__label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form__required{color:var(--color-error)}.form__input,.form__textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.form__input:focus,.form__textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form__input--error,.form__textarea--error{border-color:var(--color-error)}.form__input--error:focus,.form__textarea--error:focus{box-shadow:0 0 0 3px #f2685c33}.form__textarea{min-height:120px;resize:vertical}.form__error{color:var(--color-error)}.form__error,.form__hint{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form__hint{color:var(--color-text-tertiary)}.contact__submit{margin-top:var(--spacing-4);width:100%}.btn__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form__success{background:#5fd08a1a;border:1px solid var(--color-success);border-radius:var(--border-radius-lg);color:var(--color-success)}.form__error-msg,.form__success{align-items:center;animation:slideIn .3s ease-out;display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4)}.form__error-msg{background:#f2685c1a;border:1px solid var(--color-error);border-radius:var(--border-radius-lg);color:var(--color-error)}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#070a11;border-top:1px solid var(--color-border);padding:var(--spacing-16) 0 var(--spacing-8)}.footer__content{grid-gap:var(--spacing-10);display:grid;gap:var(--spacing-10);margin-bottom:var(--spacing-10)}@media (min-width:640px){.footer__content{grid-template-columns:2fr 1fr 1fr}}.footer__brand{max-width:300px}.footer__logo{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.footer__logo:hover{color:var(--color-primary)}.footer__tagline{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-top:var(--spacing-4)}.footer__social{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}.footer__social-link{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-secondary);display:flex;height:38px;justify-content:center;transition:all var(--transition-fast);width:38px}.footer__social-link:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.footer__nav{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8)}@media (min-width:640px){.footer__nav{grid-column:span 2;grid-template-columns:repeat(2,1fr)}}.footer__nav-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer__nav-title{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.footer__nav-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer__nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer__nav-link:hover{color:var(--color-primary)}.footer__bottom{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-3);padding-top:var(--spacing-8);text-align:center}@media (min-width:640px){.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer__built-with,.footer__copyright{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}@media (max-width:639px){.footer__brand{max-width:100%;text-align:center}.footer__social{justify-content:center}.footer__nav{text-align:center}}
/*# sourceMappingURL=main.2d6f646a.css.map*/