*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0;line-height:1.65;position:relative}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}code,.mono{font-family:var(--font-family-mono)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style-position:outside}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{top:-100%;left:var(--space-4);z-index:10000;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:var(--color-bg);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:top var(--transition-fast);position:absolute}.skip-link:focus{top:var(--space-4)}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-elevated);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.navbar{z-index:1000;height:var(--nav-height);transition:background var(--transition-normal), border-color var(--transition-normal), backdrop-filter var(--transition-normal);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);border-bottom-color:var(--color-border)}.navbar__inner{max-width:var(--container-wide);padding-inline:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-8);height:100%;margin-inline:auto;display:flex}.navbar__brand{flex-direction:column;flex-shrink:0;gap:2px;text-decoration:none;display:flex}.navbar__brand-name{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.02em;line-height:1.1}.navbar__brand-tag{font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.navbar__nav{display:flex}.navbar__list{align-items:center;gap:var(--space-1);list-style:none;display:flex}.navbar__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition-normal);display:block;position:relative}.navbar__link:hover{color:var(--color-text)}.navbar__link--active{color:var(--color-accent-light)}.navbar__link--active:after{content:"";left:var(--space-4);right:var(--space-4);background:var(--color-accent);border-radius:var(--radius-full);height:2px;position:absolute;bottom:0}.navbar__menu-btn{width:44px;height:44px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);justify-content:center;align-items:center;display:none}.navbar__drawer{display:none}@media (width<=768px){.navbar__inner{padding-inline:var(--space-4)}.navbar__nav{display:none}.navbar__menu-btn{display:flex}.navbar__drawer{z-index:1100;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);display:block;position:fixed;inset:0}.navbar__drawer--open{pointer-events:auto;opacity:1}.navbar__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.navbar__drawer-panel{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(300px,85vw);height:100%;padding:calc(var(--nav-height) + var(--space-6)) var(--space-6) var(--space-6);transition:transform var(--duration-slow) var(--ease-out-expo);position:absolute;top:0;right:0;transform:translate(100%)}.navbar__drawer--open .navbar__drawer-panel{transform:translate(0)}.navbar__drawer-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.navbar__drawer-link{padding:var(--space-4);font-family:var(--font-family-display);font-size:var(--text-xl);color:var(--color-text-muted);border-radius:var(--radius-md);transition:color var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);border:1px solid #0000;display:block}.navbar__drawer-link:hover,.navbar__drawer-link--active{color:var(--color-text);background:var(--color-accent-muted);border-color:var(--color-border-strong)}}.container{width:100%;max-width:var(--container-max,var(--container-max));padding-inline:var(--space-6);margin-inline:auto}@media (width<=768px){.container{padding-inline:var(--space-4)}}.typography-display{font-family:var(--font-family-display);font-size:var(--text-display);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--color-text);line-height:1.08}.typography-h1{font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text);line-height:1.15}.typography-h2{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.typography-h3{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.3}.typography-h4{font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.4}.typography-body{font-family:var(--font-family-primary);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7}.typography-body-sm{font-family:var(--font-family-primary);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.typography-label{font-family:var(--font-family-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.typography-mono{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-radius:var(--radius-md);transition:background var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-normal);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-accent)}.btn--secondary{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-light)}.btn--outline{color:var(--color-text);border-color:var(--color-border-strong);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-light)}.btn--ghost{color:var(--color-text-muted);padding-inline:var(--space-3);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--color-accent-light)}.btn--shimmer{position:relative;overflow:hidden}.btn--shimmer:before{content:"";transition:transform .6s var(--ease-out-expo);background:linear-gradient(105deg,#0000 40%,#fff3 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.btn--shimmer:hover:before{transform:translate(100%)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);position:relative}.card:before{content:"";left:0;top:var(--space-6);bottom:var(--space-6);background:linear-gradient(180deg, var(--color-accent), transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;opacity:.25;width:3px;transition:opacity var(--transition-normal);position:absolute}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card:hover:before{opacity:.85}.card--accent-bar:before{opacity:.35}.card--accent-bar:hover:before{opacity:1}.card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (width<=768px){.card{padding:var(--space-6)}}.icon-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);transition:color var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--color-accent-light);border-color:var(--color-accent);background:var(--color-accent-muted);transform:translateY(-2px)}.icon-btn svg{width:20px;height:20px}.section-heading{margin-bottom:var(--space-12)}.section-heading__label{margin-bottom:var(--space-3);display:block}.section-heading__title{margin-bottom:var(--space-4)}.section-heading__subtitle{max-width:56ch}.section-heading__rule{width:64px;height:2px;margin-top:var(--space-6);background:linear-gradient(90deg, var(--color-accent), transparent)}.home{min-height:100vh;padding-bottom:var(--space-16);align-items:center;display:flex;position:relative;overflow:hidden}.home__bg{background:radial-gradient(ellipse 80% 60% at 20% 40%, #c4783a1f, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 70%, #d4a57414, transparent 55%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-elevated) 100%);z-index:0;position:absolute;inset:0}.home__container{z-index:1;position:relative}.home__grid{gap:var(--space-16);padding-block:var(--space-12);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.home__portrait-frame{max-width:420px;margin-inline:auto;position:relative}.home__portrait{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-2xl);border:1px solid var(--color-border-strong);filter:grayscale(15%)contrast(1.02);width:100%}.home__portrait-accent{border:1px solid var(--color-accent);border-radius:var(--radius-2xl);opacity:.35;z-index:-1;position:absolute;inset:-12px -12px 12px 12px}.home__eyebrow{margin-bottom:var(--space-4);display:block}.home__headline{margin-bottom:var(--space-6);max-width:18ch}.home__headline-dot{color:var(--color-accent)}.home__name{color:var(--color-text-muted);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);margin-bottom:var(--space-6)}.home__roles{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.home__role-pill{font-family:var(--font-family-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-accent-light)}.home__social{gap:var(--space-3);display:flex}@media (width<=900px){.home__grid{gap:var(--space-10);text-align:center;grid-template-columns:1fr}.home__portrait-frame{max-width:280px}.home__headline{max-width:none;margin-inline:auto}.home__roles,.home__social{justify-content:center}}@media (width<=768px){.home{padding-bottom:var(--space-10)}}.about{padding-bottom:var(--space-20)}.about__intro{gap:var(--space-16);margin-bottom:var(--space-20);grid-template-columns:.9fr 1.1fr;align-items:start;display:grid}.about__portrait-wrap{position:relative}.about__portrait{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);width:100%;max-width:380px}.about__portrait-wrap:after{content:"";border:1px solid var(--color-accent);border-radius:var(--radius-xl);opacity:.3;z-index:-1;width:60%;height:60%;position:absolute;bottom:-16px;right:-16px}.about__bio-title{margin-bottom:var(--space-6)}.about__fragments{flex-direction:column;gap:0;display:flex}.about__fragment{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.about__fragment:last-child{border-bottom:none;padding-bottom:0}.about__section{margin-bottom:var(--space-16)}.about__section-title{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.about__grid{gap:var(--space-4);display:grid}.about__grid--3{grid-template-columns:repeat(3,1fr)}.about__grid--4{grid-template-columns:repeat(4,1fr)}.about-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal)}.about-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-card__icon{width:44px;height:44px;margin-bottom:var(--space-4);color:var(--color-accent-light);background:var(--color-accent-muted);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}@media (width<=900px){.about__intro{gap:var(--space-10);grid-template-columns:1fr}.about__portrait{max-width:320px;margin-inline:auto}.about__grid--3,.about__grid--4{grid-template-columns:1fr}}@media (width>=601px) and (width<=900px){.about__grid--3,.about__grid--4{grid-template-columns:repeat(2,1fr)}}.date-range{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-accent);flex-wrap:wrap;display:inline-flex}.date-range__icon{color:var(--color-accent-light);opacity:.85;flex-shrink:0}.resume{padding-bottom:var(--space-20)}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-border) 80%);width:2px;position:absolute;top:0;bottom:0;left:5px}.timeline-block{margin-bottom:var(--space-10);opacity:0;transition:opacity var(--duration-slower) var(--ease-out-expo), transform var(--duration-slower) var(--ease-out-expo);transition-delay:var(--delay,0s);position:relative;transform:translateY(24px)}.timeline-block--visible{opacity:1;transform:translateY(0)}.timeline-block__marker{left:calc(-1 * var(--space-8) + 1px);top:var(--space-8);background:var(--color-accent);border-radius:var(--radius-full);width:10px;height:10px;box-shadow:0 0 0 4px var(--color-accent-muted);position:absolute}.timeline-block__title{margin-bottom:var(--space-6);color:var(--color-accent-light)}.resume-entry{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.resume-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.resume-entry__org strong{color:var(--color-text)}.resume-entry__role{margin-top:var(--space-1);color:var(--color-text-muted)}.resume-entry__dates{margin-top:var(--space-2);margin-bottom:var(--space-4)}.resume-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.resume-chip{font-family:var(--font-family-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);transition:border-color var(--transition-normal), color var(--transition-normal)}.resume-chip:hover{border-color:var(--color-accent);color:var(--color-accent-light)}.resume__download{margin-top:var(--space-12);text-align:center}.resume__thanks{margin-top:var(--space-4);color:var(--color-accent-light)}@media (width<=768px){.timeline{padding-left:var(--space-6)}.timeline-block__marker{left:calc(-1 * var(--space-6) + 1px)}}.tech-stack{gap:var(--space-2);flex-wrap:wrap;display:flex}.tech-stack__item{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);transition:border-color var(--transition-normal), color var(--transition-normal)}.tech-stack__item:hover{border-color:var(--color-accent);color:var(--color-accent-light)}.project-card{padding:var(--space-6) var(--space-8)}.project-card__content{width:100%}.project-card__name{margin-bottom:var(--space-2)}.project-card__tagline{color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:52ch}.project-card__highlights{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.project-card__chip{font-family:var(--font-family-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);transition:border-color var(--transition-normal), color var(--transition-normal)}.project-card__chip:hover{border-color:var(--color-accent);color:var(--color-accent-light)}.project-card__tech{margin-top:var(--space-2)}.project-card__actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}@media (width<=768px){.project-card{padding:var(--space-5)}.project-card__actions{flex-direction:column}.project-card__btn{width:100%}}.projects{padding-bottom:var(--space-20)}.projects__list{gap:var(--space-8);flex-direction:column;display:flex}.projects__item{opacity:0;transition:opacity var(--duration-slower) var(--ease-out-expo), transform var(--duration-slower) var(--ease-out-expo);transition-delay:var(--delay,0s);transform:translateY(32px)scale(.98)}.projects__item--visible{opacity:1;transform:translateY(0)scale(1)}.footer{border-top:1px solid var(--color-border);background:var(--color-bg-elevated);padding:var(--space-8) 0}.footer__text{text-align:center;color:var(--color-text-subtle)}.contact-backdrop{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0000008c;position:fixed;inset:0}.contact-backdrop--open{opacity:1;pointer-events:auto}.contact-drawer{z-index:3000;width:100%;max-width:480px;transition:transform var(--duration-slow) var(--ease-out-expo);pointer-events:none;position:fixed;bottom:0;right:0;transform:translateY(100%)}.contact-drawer--open{pointer-events:auto;transform:translateY(0)}.contact-drawer__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-8);box-shadow:var(--shadow-xl);border-bottom:none}.contact-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.contact-drawer__close{width:40px;height:40px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:color var(--transition-normal), border-color var(--transition-normal);justify-content:center;align-items:center;display:flex}.contact-drawer__close:hover{color:var(--color-text);border-color:var(--color-border-strong)}.contact-drawer__intro{margin-bottom:var(--space-6)}.contact-drawer__success{padding:var(--space-6);background:var(--color-accent-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg)}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-form__field{gap:var(--space-2);flex-direction:column;display:flex}.contact-form__field label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.contact-form__field input,.contact-form__field textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-primary);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);resize:vertical}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted);outline:none}.contact-form__field .formspree-error{font-size:var(--text-sm);color:#e07a6a}.contact-form__submit{width:100%;margin-top:var(--space-2)}@media (width<=768px){.contact-drawer{max-width:100%}.contact-drawer__panel{padding:var(--space-6)}}.not-found__inner{text-align:center;padding-block:var(--space-24);flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found__code{color:var(--color-accent);opacity:.9;margin-bottom:var(--space-4)}.not-found__title{margin-bottom:var(--space-4)}.not-found__desc{margin-bottom:var(--space-8);max-width:36ch}:root{--color-bg:#0a0a0b;--color-bg-elevated:#111114;--color-surface:#16161a;--color-surface-elevated:#1c1c21;--color-border:#f0ebe314;--color-border-strong:#f0ebe329;--color-text:#f0ebe3;--color-text-muted:#a39e96;--color-text-subtle:#6b6660;--color-accent:#c4783a;--color-accent-light:#d4a574;--color-accent-muted:#c4783a26;--color-accent-glow:#c4783a59;--primary-900:var(--color-bg);--primary-800:var(--color-surface);--primary-700:var(--color-surface-elevated);--primary-600:var(--color-text-subtle);--primary-500:var(--color-text-muted);--primary-400:var(--color-text-muted);--primary-300:var(--color-border-strong);--primary-200:var(--color-border);--primary-100:var(--color-surface);--primary-50:var(--color-bg-elevated);--accent-blue:var(--color-accent);--accent-blue-light:var(--color-accent-muted);--accent-green:#6b9e78;--accent-green-light:#6b9e7826;--accent-purple:var(--color-accent-light);--accent-purple-light:var(--color-accent-muted);--accent-orange:var(--color-accent);--accent-orange-light:var(--color-accent-muted);--font-family-display:"Fraunces", Georgia, "Times New Roman", serif;--font-family-primary:"Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm:clamp(.875rem, .82rem + .3vw, .9375rem);--text-base:clamp(1rem, .95rem + .25vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.35rem + .75vw, 2rem);--text-3xl:clamp(2rem, 1.75rem + 1.25vw, 2.75rem);--text-display:clamp(2.75rem, 2rem + 3.5vw, 4.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #00000080;--shadow-xl:0 24px 48px #0000008c;--shadow-accent:0 8px 32px var(--color-accent-glow);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--stagger-step:80ms;--transition-fast:var(--duration-fast) var(--ease-in-out);--transition-normal:var(--duration-normal) var(--ease-in-out);--transition-slow:var(--duration-slow) var(--ease-out-expo);--nav-height:72px;--container-max:1200px;--container-wide:1400px;--glass-bg:#16161ab8;--glass-border:var(--color-border);--glass-backdrop:blur(16px)}.mainContent{flex:1;width:100%}.page-section{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height)}.chatBubble{bottom:var(--space-6);right:var(--space-6);z-index:2000;background:linear-gradient(135deg, var(--color-accent), #a86530);border-radius:var(--radius-full);width:56px;height:56px;color:var(--color-bg);box-shadow:var(--shadow-accent);transition:transform var(--transition-normal), box-shadow var(--transition-normal);justify-content:center;align-items:center;display:flex;position:fixed}.chatBubble:hover{box-shadow:var(--shadow-lg), var(--shadow-accent);transform:scale(1.08)}.chatBubble svg{width:24px;height:24px}@media (width<=768px){.chatBubble{bottom:var(--space-4);right:var(--space-4);width:52px;height:52px}}