@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#05070b;--bg-subtle:#080c14;--surface:#0b1220;--surface-elevated:#0f172a;--surface-hover:#142036;--surface-border:#ffffff14;--surface-border-hover:#29cbfa66;--primary:#2571f9;--primary-hover:#1d5ecf;--secondary:#2596f7;--accent:#29cbfa;--accent-glow:#29cbfa40;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-faded:#64748b;--status-success:#10b981;--status-warning:#f59e0b;--status-danger:#ef4444;--gradient-brand:linear-gradient(135deg, #29cbfa 0%, #2571f9 50%, #2596f7 100%);--gradient-surface:linear-gradient(180deg, #0f172acc 0%, #0b1220fa 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #29cbfa26, transparent 70%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:30px;--radius-full:9999px;--container-max:1240px;--nav-height:74px;--font-heading:"Plus Jakarta Sans", "Inter", sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm:0 2px 10px #0006;--shadow-md:0 12px 36px #0000008c;--shadow-lg:0 24px 64px #000000b3;--shadow-accent:0 0 30px #29cbfa40;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.22, 1, .36, 1);--transition-fast:.16s var(--ease-spring);--transition-normal:.24s var(--ease-spring);--transition-slow:.4s var(--ease-spring)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 28px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-muted);background-image:radial-gradient(80% 50% at 50% -20%,#2571f92e,#0000),radial-gradient(circle at 100% 40%,#29cbfa0f,#0000 40%),radial-gradient(circle at 0 80%,#2596f70f,#0000 40%);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.015em;font-weight:800;line-height:1.12}a{color:inherit;transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none}button:active{transform:scale(.98)}::selection{color:var(--text-primary);background:#29cbfa47}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-hover)}.app-container{max-width:var(--container-max);padding:0 var(--space-8);gap:var(--space-24);flex-direction:column;margin:0 auto;display:flex}.section{gap:var(--space-8);flex-direction:column;display:flex;position:relative}.section-header{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--surface-border);flex-direction:column;display:flex}.section-eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.8rem;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.2rem,4.4vw,3.2rem);font-weight:800;line-height:1.12}.section-title span{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--text-muted);max-width:680px;font-size:1.1rem;line-height:1.65}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.code-badge{font-family:var(--font-mono);background:var(--surface-elevated);border:1px solid var(--surface-border);border-radius:var(--radius-xs);color:var(--accent);padding:3px 8px;font-size:.775rem}.anim{opacity:0;will-change:opacity, transform;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.anim.show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.anim{opacity:1!important;transition:none!important;transform:none!important}html{scroll-behavior:auto!important}}@media (width<=960px){.app-container{padding:0 var(--space-6);gap:var(--space-20)}.section{gap:var(--space-6)}}@media (width<=640px){.app-container{padding:0 var(--space-4);gap:var(--space-16)}}.navbar{z-index:1000;width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);background:#05070ba6;border-bottom:1px solid #0000;transition:background .24s,border-color .24s,box-shadow .24s;position:sticky;top:0;left:0}.navbar--scrolled{border-bottom-color:var(--surface-border);background:#080c14d9;box-shadow:0 4px 24px #0006}.navbar__inner{max-width:var(--container-max);height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;text-decoration:none;display:flex}.navbar__logo-wrap{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);width:40px;height:40px;box-shadow:0 0 15px var(--accent-glow);justify-content:center;align-items:center;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.navbar__brand:hover .navbar__logo-wrap{border-color:var(--accent);transform:scale(1.05)}.navbar__logo-img{object-fit:cover;width:100%;height:100%}.navbar__brand-text{flex-direction:column;display:flex}.navbar__brand-title{letter-spacing:-.02em;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.1}.navbar__brand-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.7rem;font-weight:600}.navbar__nav{align-items:center;display:flex}.navbar__links{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--surface-border);background:#ffffff06;padding:4px;display:flex}.navbar__link{border-radius:var(--radius-full);color:var(--text-muted);background:0 0;padding:8px 16px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;transition:all .18s;position:relative}.navbar__link:hover{color:var(--text-primary);background:#ffffff0a}.navbar__link--active{color:var(--text-primary);background:#2571f926;font-weight:600}.navbar__active-indicator{background:var(--accent);width:4px;height:4px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__cta-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:#fff;background:var(--gradient-brand);padding:9px 18px;font-size:.85rem;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 2px 12px #2571f959}.navbar__cta-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 18px #29cbfa73}.navbar__toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);border:1px solid var(--surface-border);background:#ffffff0a;justify-content:center;align-items:center;transition:background .18s,border-color .18s;display:none}.navbar__toggle:hover{border-color:var(--accent);background:#ffffff14}.navbar__mobile-drawer{display:none}@media (width<=860px){.navbar__nav,.navbar__cta-btn{display:none}.navbar__toggle{display:flex}.navbar__mobile-drawer{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border);width:100%;padding:var(--space-4) var(--space-6) var(--space-6);opacity:0;pointer-events:none;background:#080c14f5;transition:transform .22s,opacity .22s;display:block;position:absolute;left:0;transform:translateY(-10px);box-shadow:0 16px 32px #0009}.navbar__mobile-drawer--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__mobile-links{gap:var(--space-2);flex-direction:column;display:flex}.navbar__mobile-link{width:100%;padding:12px var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;border:1px solid #0000;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;transition:all .18s;display:flex}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--text-primary);background:#2571f91f;border-color:#2571f940}.navbar__mobile-active-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%}.navbar__mobile-cta-item{margin-top:var(--space-3)}.navbar__mobile-cta{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:#fff;background:var(--gradient-brand);width:100%;padding:14px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 16px #2571f966}}.hero{gap:var(--space-10);padding-top:calc(var(--space-12) + 3px);padding-bottom:var(--space-6);flex-direction:column;justify-content:center;min-height:82vh;display:flex}.hero__grid{gap:var(--space-12);grid-template-columns:1.25fr .75fr;align-items:center;margin-top:3px;display:grid}.hero__content{gap:var(--space-6);flex-direction:column;display:flex}.hero__status-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);width:fit-content;font-family:var(--font-mono);color:var(--accent);background:#29cbfa14;border:1px solid #29cbfa40;padding:6px 16px;font-size:.825rem;font-weight:600;display:inline-flex}.hero__status-indicator{background:var(--status-success);width:8px;height:8px;box-shadow:0 0 10px var(--status-success);border-radius:50%;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero__title{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text-primary);font-size:clamp(2.8rem,5.4vw,4.4rem);font-weight:800;line-height:1.1}.hero__description{color:var(--text-muted);max-width:600px;font-size:1.15rem;line-height:1.7}.hero__description strong{color:var(--text-secondary);font-weight:600}.hero__actions{align-items:center;gap:var(--space-4);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.hero__btn{border-radius:var(--radius-full);font-family:var(--font-heading);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero__btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 20px #2571f966}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #29cbfa80}.hero__btn--secondary{color:var(--text-primary);border:1px solid var(--surface-border);background:#ffffff0d}.hero__btn--secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hero__btn--ghost{color:var(--text-muted);border:1px solid var(--surface-border);background:0 0;padding:13px 20px}.hero__btn--ghost:hover{color:var(--text-primary);border-color:var(--accent);background:#29cbfa0f}.hero__stack{gap:var(--space-2);padding-top:var(--space-2);flex-direction:column;display:flex}.hero__stack-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero__stack-pill{-webkit-backdrop-filter:blur(12px);font-family:var(--font-heading);color:#e2e8f0;cursor:default;background:#121826b3;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:7px 15px;font-size:.85rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0000004d}.hero__stack-icon{justify-content:center;align-items:center;display:flex}.hero__stack-pill:hover{border-color:var(--brand-color,#2571f9);color:#fff;box-shadow:0 6px 18px #00000080, 0 0 16px var(--brand-color,#2571f94d);background:#ffffff14;transform:translateY(-2px)}.hero__media{justify-content:center;display:flex}.hero-card{background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);transition:all .26s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hero-card:hover{border-color:var(--surface-border-hover);box-shadow:0 28px 70px #000000bf, 0 0 35px var(--accent-glow);transform:translateY(-4px)}.hero-card__image-box{background:var(--surface-elevated);border-bottom:1px solid var(--surface-border);width:100%;height:240px;overflow:hidden}.hero-card__avatar{object-fit:cover;width:100%;height:100%;display:block}.hero-card__info{padding:var(--space-8);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.hero-card__name{color:var(--text-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.hero-card__role{font-family:var(--font-mono);color:var(--accent);font-size:.85rem;font-weight:600}.hero-card__bio{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.9rem;line-height:1.6}.hero-card__socials{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding-top:var(--space-5);border-top:1px solid var(--surface-border);display:flex}.hero-card__social-link{border-radius:var(--radius-md);border:1px solid var(--surface-border);width:42px;height:42px;color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;transition:all .18s;display:flex}.hero-card__social-link:hover{background:var(--brand-color,var(--primary));border-color:var(--brand-color,var(--primary));color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0006}.hero__stats{gap:var(--space-6);padding-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.hero-stat{align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);background:var(--gradient-surface);border:1px solid var(--surface-border);transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hero-stat:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.hero-stat__icon-wrap{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.hero-stat__icon-wrap--cyan{background:#29cbfa14;border-color:#29cbfa40}.hero-stat__icon-wrap--blue{background:#2571f914;border-color:#2571f940}.hero-stat__icon-wrap--accent{background:#2596f714;border-color:#2596f740}.hero-stat__text{flex-direction:column;gap:2px;display:flex}.hero-stat__value{font-family:var(--font-heading);letter-spacing:-.015em;font-size:2.2rem;font-weight:800;line-height:1.1}.hero-stat__label{color:var(--text-muted);font-size:.875rem;font-weight:500}@media (width<=1024px){.hero{min-height:auto;padding-top:var(--space-8);gap:var(--space-8)}.hero__grid{gap:var(--space-8);grid-template-columns:1fr}.hero-card{max-width:100%}.hero__content{order:1}.hero__media{order:2}.hero__stats{gap:var(--space-4)}}@media (width<=768px){.hero__stats{gap:var(--space-3);grid-template-columns:1fr}.hero-stat{padding:var(--space-4) var(--space-6)}.hero__actions{flex-direction:column;align-items:stretch}.hero__btn{width:100%}.hero-card__image-box{height:200px}}.services__grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.service-card{background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--service-color,var(--primary));opacity:0;height:2px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md), 0 0 24px #29cbfa26;transform:translateY(-4px)}.service-card:hover:before{opacity:1}.service-card__top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.service-card__icon-box{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff0a;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.service-card__tag{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);border:1px solid var(--surface-border);color:var(--text-muted);background:#ffffff0a;padding:5px 12px;font-size:.75rem;font-weight:600}.service-card__title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.3rem;font-weight:700;line-height:1.25}.service-card__desc{color:var(--text-muted);margin-bottom:var(--space-5);flex-grow:1;font-size:.95rem;line-height:1.65}.service-card__deliverables{padding-top:var(--space-4);border-top:1px dashed var(--surface-border);margin-bottom:var(--space-5);flex-direction:column;gap:10px;display:flex}.service-card__del-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.875rem;display:flex}.service-card__del-icon{color:var(--accent);flex-shrink:0}.service-card__footer{padding-top:var(--space-3);margin-top:auto}.service-card__link{font-family:var(--font-heading);color:var(--accent);align-items:center;gap:6px;font-size:.875rem;font-weight:600;transition:gap .18s,color .18s;display:inline-flex}.service-card__link:hover{color:#fff;gap:10px}@media (width<=1024px){.services__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services__grid{gap:var(--space-4);grid-template-columns:1fr}.service-card{padding:var(--space-6)}}.projects__filter-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.projects__filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects__filter-pill{border-radius:var(--radius-full);font-family:var(--font-heading);color:var(--text-muted);white-space:nowrap;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .18s}.projects__filter-pill:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.projects__filter-pill--active{color:#fff;background:#2571f9;border-color:#2571f9;font-weight:600;box-shadow:0 4px 14px #2571f959}.projects__count{font-family:var(--font-mono);color:var(--text-faded);font-size:.8rem;font-weight:500}.projects__grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.project-card{background:#0e131f;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0006}.project-card:hover{border-color:#ffffff38;transform:translateY(-6px);box-shadow:0 16px 36px #0000008c}.project-card__browser{cursor:pointer;background:#0b0e16;border-bottom:1px solid #ffffff14;width:100%;position:relative}.project-card__browser-bar{background:#141a26;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.project-card__browser-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot--red{background:#ff5f56}.dot--yellow{background:#ffbd2e}.dot--green{background:#27c93f}.project-card__browser-url{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:#0b0e16;border:1px solid #ffffff14;border-radius:6px;max-width:220px;padding:3px 12px;font-size:.68rem;overflow:hidden}.project-card__image-container{width:100%;height:210px;position:relative;overflow:hidden}.project-card__image{object-fit:cover;object-position:top center;filter:contrast(1.02)brightness(1.01);width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__image-overlay{opacity:0;background:#0e131f99;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.project-card:hover .project-card__image-overlay{opacity:1}.project-card__quick-view{color:#fff;font-family:var(--font-heading);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:transform .25s;display:inline-flex;transform:translateY(4px)}.project-card:hover .project-card__quick-view{transform:translateY(0)}.project-card__body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.project-card__category-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;border:1px solid;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-bottom:14px;padding:5px 12px;font-size:.725rem;font-weight:700;display:inline-flex}.project-card__title{color:#fff;cursor:pointer;min-height:52px;margin-bottom:12px;font-size:1.15rem;font-weight:700;line-height:1.4;transition:color .18s}.project-card__title:hover{color:var(--project-accent,var(--accent))}.project-card__desc{color:#94a3b8;flex-grow:1;min-height:72px;margin-bottom:20px;font-size:.875rem;line-height:1.6}.project-card__tags{flex-wrap:wrap;gap:6px;min-height:60px;margin-bottom:20px;display:flex}.project-card__tag{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:4px 10px;font-size:.725rem;font-weight:500;display:inline-flex}.tag-bullet{border-radius:50%;width:5px;height:5px;display:inline-block}.project-card__tag--more{color:#8b949e;font-weight:600}.project-card__actions{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.project-card__btn{font-family:var(--font-heading);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.775rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.project-card__btn--detail{color:var(--accent);background:#29cbfa14;border:1px solid #29cbfa40}.project-card__btn--detail:hover{background:var(--accent);color:#05070b;border-color:var(--accent)}.project-card__btn--live{color:#fff;background:#2571f9;border:1px solid #2571f9}.project-card__btn--live:hover{background:#1d5ed8;border-color:#1d5ed8}.project-card__btn--youtube{color:#f55;background:#ff000014;border:1px solid #ff000040}.project-card__btn--youtube:hover{color:#fff;background:red;border-color:red}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;padding:var(--space-4);background:#05070be0;justify-content:center;align-items:center;animation:.24s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#0d1117;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:720px;max-height:90vh;padding:24px;animation:.28s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0009}.modal-close-btn{color:#9ca9bc;cursor:pointer;z-index:10;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)scale(1.05)}.modal-cover-container{background:#161b22;border:1px solid #ffffff1a;border-radius:12px;width:100%;position:relative;overflow:hidden}.modal-cover-bar{background:#161b22;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.modal-cover-url{font-family:var(--font-mono);color:#8b949e;font-size:.725rem}.modal-cover-image{object-fit:cover;object-position:top center;width:100%;max-height:320px;display:block}.modal-header{flex-direction:column;gap:6px;display:flex}.modal-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:.775rem;font-weight:700;display:inline-flex}.modal-title{color:#fff;font-size:1.5rem;font-weight:800;line-height:1.3}.modal-body{flex-direction:column;gap:18px;display:flex}.modal-section-title{color:#fff;margin-bottom:8px;font-size:.925rem;font-weight:700}.modal-text{color:#c6d2e2;font-size:.925rem;line-height:1.65}.modal-features{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.modal-feature-item{color:#e6edf3;align-items:center;gap:10px;font-size:.875rem;line-height:1.4;display:flex}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{color:#fff;background:#2571f914;border:1px solid #2571f933;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.modal-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}.modal-btn{cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.modal-btn--youtube{color:#fff;background:linear-gradient(135deg,red 0%,#c00 100%);box-shadow:0 4px 14px #ff00004d}.modal-btn--youtube:hover{opacity:.95;transform:translateY(-1px)}.modal-btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 14px #2571f959}.modal-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2571f980}.modal-btn--secondary{color:#9ca9bc;background:#ffffff0d;border:1px solid #ffffff1a}.modal-btn--secondary:hover{color:#fff;background:#ffffff1a}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.projects__grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.projects__grid{gap:var(--space-4);grid-template-columns:1fr}.project-card__body,.modal-container{padding:16px}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.experience__timeline{gap:var(--space-6);flex-direction:column;display:flex;position:relative}.experience-item{gap:var(--space-8);grid-template-columns:52px 1fr;display:grid;position:relative}.experience-item__marker{flex-direction:column;align-items:center;display:flex}.experience-item__dot{background:var(--surface-elevated);border:2px solid var(--accent);width:44px;height:44px;box-shadow:0 0 18px var(--accent-glow);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.experience-item__line{background:linear-gradient(180deg, var(--accent) 0%, #29cbfa1a 100%);flex-grow:1;width:2px;margin-top:10px;margin-bottom:-20px}.experience-item__card{gap:var(--space-4);padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--gradient-surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);flex-direction:column;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex}.experience-item__card:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md);transform:translate(4px)}.experience-item__role{color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.25}.experience-item__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:4px;display:flex}.experience-item__company{font-family:var(--font-heading);color:var(--accent);align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.experience-item__dot-sep{color:var(--text-faded);font-size:.85rem}.experience-item__date{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:.825rem;display:inline-flex}.experience-item__desc{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.experience-item__highlights{padding-top:var(--space-4);border-top:1px dashed var(--surface-border);margin-top:var(--space-2)}.experience-item__highlights-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faded);margin-bottom:10px;font-size:.775rem;font-weight:700;display:block}.experience-item__list{flex-direction:column;gap:10px;display:flex}.experience-item__list li{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.55;display:flex}.experience-item__check{color:var(--accent);flex-shrink:0;margin-top:3px}@media (width<=640px){.experience-item{gap:var(--space-3);grid-template-columns:1fr}.experience-item__marker{display:none}.experience-item__card{padding:var(--space-6);margin-bottom:var(--space-4)}}.contact-layout{gap:var(--space-10);grid-template-columns:.9fr 1.1fr;align-items:start;display:grid}.contact-channels{gap:var(--space-4);flex-direction:column;display:flex}.contact-channel-card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl);background:var(--gradient-surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);text-decoration:none;transition:all .2s;display:flex}.contact-channel-card--interactive:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-channel-card__icon-box{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.contact-channel-card__icon-box--cyan{color:var(--accent);background:#29cbfa14;border-color:#29cbfa40}.contact-channel-card__icon-box--discord{color:#5865f2;background:#5865f214;border-color:#5865f240}.contact-channel-card__icon-box--youtube{color:red;background:#ff000014;border-color:#ff000040}.contact-channel-card__content{flex-direction:column;flex-grow:1;display:flex}.contact-channel-card__content h4{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:700}.contact-channel-card__content p{font-family:var(--font-mono);color:var(--text-muted);font-size:.825rem}.contact-channel-card__copy-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-border);width:38px;height:38px;color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;transition:all .18s;display:flex}.contact-channel-card__copy-btn:hover{border-color:var(--accent);color:var(--accent);background:#29cbfa1a}.contact-channel-card__action-icon{color:var(--text-faded);transition:transform .18s,color .18s}.contact-channel-card--interactive:hover .contact-channel-card__action-icon{color:var(--accent);transform:translate(2px,-2px)}.contact-notice{align-items:center;gap:var(--space-2);padding:14px var(--space-5);border-radius:var(--radius-md);border:1px solid var(--surface-border);font-family:var(--font-mono);color:var(--text-faded);background:#ffffff05;font-size:.8rem;display:flex}.contact-form{gap:var(--space-5);padding:var(--space-10);border-radius:var(--radius-2xl);background:var(--gradient-surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.contact-form__grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-form__group{flex-direction:column;gap:8px;display:flex}.contact-form__label{font-family:var(--font-heading);color:var(--text-secondary);font-size:.85rem;font-weight:600}.contact-form__input,.contact-form__textarea{border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);background:#05070b99;width:100%;padding:13px 18px;font-size:.95rem;transition:all .18s}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--text-faded)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#080c14e6;outline:none}.contact-form__textarea{resize:vertical;min-height:140px}.contact-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:14px 18px;font-size:.9rem;font-weight:500;line-height:1.4;display:flex}.contact-alert--success{color:var(--status-success);background:#10b9811a;border:1px solid #10b9814d}.contact-alert--error{color:var(--status-danger);background:#ef44441a;border:1px solid #ef44444d}.contact-form__submit-btn{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;width:100%;font-family:var(--font-heading);justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px 28px;font-size:1rem;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 18px #2571f966}.contact-form__submit-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 24px #29cbfa80}.contact-form__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=960px){.contact-layout{gap:var(--space-8);grid-template-columns:1fr}}@media (width<=640px){.contact-form__grid{gap:var(--space-4);grid-template-columns:1fr}.contact-form{padding:var(--space-6)}}.footer{border-top:1px solid var(--surface-border);background:var(--bg);width:100%;padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16)}.footer__inner{max-width:var(--container-max);padding:0 var(--space-8);gap:var(--space-10);flex-direction:column;margin:0 auto;display:flex}.footer__grid{gap:var(--space-10);grid-template-columns:1.35fr .85fr 1.2fr;align-items:start;display:grid}.footer__brand-col{gap:var(--space-4);flex-direction:column;display:flex}.footer__brand-header{align-items:center;gap:12px;display:flex}.footer__logo-wrap{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);flex-shrink:0;width:36px;height:36px;overflow:hidden}.footer__logo-img{object-fit:cover;width:100%;height:100%}.footer__brand-title-wrap{flex-direction:column;display:flex}.footer__brand-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.15}.footer__brand-sub{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;font-size:.725rem}.footer__brand-desc{color:var(--text-muted);max-width:380px;font-size:.9rem;line-height:1.6}.footer__socials{align-items:center;gap:10px;padding-top:4px;display:flex}.footer__social-btn{border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--surface-border);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .18s;display:flex}.footer__social-btn:hover{background:var(--surface-elevated);border-color:var(--surface-border-hover);color:var(--text-primary);transform:translateY(-2px)}.footer__social-btn--youtube:hover{color:#ef4444;border-color:#ef444466}.footer__nav-col{gap:var(--space-4);flex-direction:column;display:flex}.footer__col-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:.8rem;font-weight:700}.footer__nav-links{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.footer__nav-link{color:var(--text-muted);text-align:left;width:fit-content;font-size:.875rem;transition:color .15s,transform .15s}.footer__nav-link:hover{color:var(--accent);transform:translate(2px)}.footer__cta-col{flex-direction:column;display:flex}.footer__cta-box{padding:var(--space-6);background:var(--gradient-surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;display:flex}.footer__cta-badge{font-family:var(--font-mono);color:var(--status-success);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.footer__cta-dot{background:var(--status-success);width:6px;height:6px;box-shadow:0 0 8px var(--status-success);border-radius:50%}.footer__cta-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3}.footer__cta-desc{color:var(--text-muted);font-size:.825rem;line-height:1.5}.footer__cta-btn{border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #2571f959}.footer__cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #29cbfa73}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__copyright{font-family:var(--font-mono);color:var(--text-faded);flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.footer__copyright-sub{color:var(--text-faded)}.footer__back-top{border-radius:var(--radius-full);border:1px solid var(--surface-border);color:var(--text-muted);font-family:var(--font-heading);background:#ffffff08;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.footer__back-top:hover{border-color:var(--accent);color:var(--accent);background:#29cbfa1a;transform:translateY(-2px)}@media (width<=960px){.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer__cta-col{grid-column:span 2}}@media (width<=640px){.footer__grid{gap:var(--space-6);grid-template-columns:1fr}.footer__cta-col{grid-column:auto}.footer__nav-links{grid-template-columns:1fr}}