@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/9ce3050912c26948-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/155cae559bbd1a77-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cce080f35d014443-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/39969fcf98a3026e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Lato_06d0dd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d664cce900333ee-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Lato_Fallback_06d0dd;src:local("Arial");ascent-override:101.03%;descent-override:21.80%;line-gap-override:0.00%;size-adjust:97.69%}.__className_06d0dd{font-family:__Lato_06d0dd,__Lato_Fallback_06d0dd;font-style:normal}@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-background:#0f0f0f;--color-surface:#1a1a1a;--color-surface-elevated:#2d2d2d;--color-surface-glass:rgba(45,45,45,.3);--color-border:#404040;--color-border-glass:rgba(64,64,64,.5);--color-text:#fffaed;--color-accent:#228b22;--color-accent-light:#32cd32;--color-accent-dark:#1b5e20;--color-accent-muted:#4caf50;--color-accent-translucent:rgba(34,139,34,.7);--color-accent-light-translucent:rgba(50,205,50,.6);--color-accent-dark-translucent:rgba(27,94,32,.8);--color-complementary:#ff6b35;--color-complementary-light:#ff8a65;--color-complementary-dark:#e65100;--color-complementary-translucent:rgba(255,107,53,.7);--color-complementary-light-translucent:rgba(255,138,101,.6);--color-complementary-dark-translucent:rgba(230,81,0,.8);--color-ocean-blue:#4a9eff;--color-ocean-blue-light:#7bb3ff;--color-accent-semi-warm:#ffb347;--color-accent-warm:#ffd93d;--color-ocean-blue-translucent:rgba(74,158,255,.6);--color-ocean-blue-light-translucent:rgba(123,179,255,.6);--color-semi-warm-translucent:rgba(255,179,71,.7);--color-accent-warm-translucent:rgba(255,217,61,.6);--color-sun-morning:#ffb347;--color-sun-noon:#ff8a65;--color-sun-night:#ff6b35;--color-background-translucent:hsla(0,0%,6%,.8);--color-surface-translucent:rgba(26,26,26,.8);--color-overlay:rgba(0,0,0,.3);--color-overlay-light:rgba(0,0,0,.1);--color-overlay-medium:rgba(0,0,0,.25);--color-overlay-heavy:rgba(0,0,0,.4);--color-overlay-glass:hsla(0,0%,100%,.05);--color-overlay-glass-dark:rgba(0,0,0,.3);--shadow-soft:0 4px 12px var(--color-overlay-light);--shadow-medium:0 6px 20px var(--color-overlay-medium);--shadow-strong:0 8px 25px var(--color-overlay);--shadow-heavy:0 12px 30px var(--color-overlay-heavy);--shadow-glassy:0 8px 32px 0 var(--color-overlay-medium),0 1.5px 4px 0 var(--color-overlay-heavy),inset 0 2px 16px 0 var(--color-border-glass),inset 0 0.5px 2px 0 var(--color-overlay-glass),inset 0 -0.5px 4px 0 var(--color-overlay-glass-dark);--shadow-glass-elevated:0 12px 40px 0 var(--color-overlay-heavy),0 2px 8px 0 var(--color-overlay-medium),inset 0 2px 20px 0 var(--color-border-glass),inset 0 1px 4px 0 var(--color-overlay-glass),inset 0 -1px 6px 0 var(--color-overlay-glass-dark);--shadow-depth:0 16px 48px 0 var(--color-overlay-heavy),0 4px 12px 0 var(--color-overlay-medium),0 2px 4px 0 var(--color-overlay-light);--shadow-accent:0 4px 12px var(--color-accent-translucent);--shadow-complementary:0 4px 12px var(--color-complementary-translucent);--shadow-analogous:0 4px 12px var(--color-analogous-1-translucent);--shadow-triadic:0 4px 12px var(--color-triadic-1-translucent);--font-heading:"Josefin Sans","Arial","Helvetica",sans-serif;--font-body:"Lato","Arial","Helvetica",sans-serif;--font-mono:"JetBrains Mono",monospace;--spacing-unit:8px;--border-radius-soft:12px;--border-radius-medium:24px;--border-radius-round:48px;--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--spacing-xs:calc(var(--spacing-unit) * 0.5);--spacing-sm:calc(var(--spacing-unit) * 1);--spacing-md:calc(var(--spacing-unit) * 2);--spacing-lg:calc(var(--spacing-unit) * 3);--spacing-xl:calc(var(--spacing-unit) * 4);--spacing-2xl:calc(var(--spacing-unit) * 6);--transition-fast:0.2s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.4s ease-in-out;--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-hover:0.3s ease-in-out;--transition-smooth:0.6s cubic-bezier(0.4,0,0.2,1);--transition-spring:0.5s cubic-bezier(0.175,0.885,0.32,1.275);--transition-gentle:0.4s ease-out;--color-success:var(--color-accent);--color-success-light:var(--color-accent-light);--color-success-dark:var(--color-accent-dark);--color-success-translucent:var(--color-accent-translucent);--color-warning:var(--color-complementary);--color-warning-light:var(--color-complementary-light);--color-warning-dark:var(--color-complementary-dark);--color-warning-translucent:var(--color-complementary-translucent);--color-info:var(--color-ocean-blue);--color-info-light:var(--color-ocean-blue-light);--color-info-translucent:var(--color-ocean-blue-translucent);--color-error:#f44336;--color-error-light:#ef5350;--color-error-dark:#d32f2f;--color-error-translucent:rgba(244,67,54,.7);--color-hover:var(--color-accent-light);--color-active:var(--color-accent-dark);--color-focus:var(--color-ocean-blue);--color-disabled:#666;--color-disabled-translucent:hsla(0,0%,40%,.5);--color-text-secondary:var(--color-text);--color-text-tertiary:rgba(254,255,236,.6);--spacing-3xl:calc(var(--spacing-unit) * 8);--spacing-4xl:calc(var(--spacing-unit) * 10);--border-radius-small:calc(var(--border-radius-soft) * 0.5);--border-radius-large:calc(var(--border-radius-medium) * 1.5)}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{font-size:100%;scroll-behavior:smooth;overflow-y:scroll}@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable;overflow-y:auto}}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6;padding:var(--spacing-xl);transition:padding var(--transition-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%}.main-content{width:100%;position:relative;padding-top:0}@media (max-width:1024px){body{padding:var(--spacing-lg)}}@media (max-width:768px){body{padding:var(--spacing-md)}}@media (max-width:480px){body{padding:var(--spacing-sm)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(1.75rem,8vw,4rem);line-height:1.1}h2{font-size:clamp(1.5rem,6vw,3rem);line-height:1.15}h3{font-size:clamp(1.25rem,4vw,2rem);line-height:1.2}h4{font-size:clamp(1.125rem,3vw,1.5rem);line-height:1.25}h5{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.3}h6{font-size:clamp(.875rem,2vw,1.125rem);line-height:1.35}p{margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.6}a{font-size:inherit}small{font-size:clamp(.75rem,1.5vw,.875rem)}b,strong{font-weight:700}a{color:var(--color-accent);position:relative}a,a:hover{text-decoration:none;transition:all var(--transition-hover)}a:hover{opacity:.85;transform:translateY(-1px)}button{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:clamp(.875rem,2vw,1rem);color:var(--color-text);background-color:var(--color-accent);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-soft);cursor:pointer;transition:all var(--transition-hover);min-height:44px;position:relative;overflow:hidden}button:hover{opacity:.9;transform:translateY(-2px);background-color:var(--color-hover);text-decoration:none;box-shadow:var(--shadow-medium)}button:active{transform:translateY(0);transition:transform var(--transition-fast)}@media (max-width:768px){button{padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}@media (max-width:480px){button{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.875rem}}button.secondary{background-color:var(--color-complementary);color:var(--color-text)}button.secondary:hover{background-color:var(--color-complementary-light)}button.outline{background-color:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}button.outline:hover{background-color:var(--color-accent);color:var(--color-text)}button.ghost{background-color:transparent;color:var(--color-accent);border:none}button.ghost:hover{background-color:var(--color-accent-translucent);color:var(--color-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-round);padding:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 3);box-shadow:0 4px 12px rgba(0,0,0,.2)}.project-card h3,.text-accent{color:var(--color-accent)}.text-complementary{color:var(--color-complementary)}.text-analogous{color:var(--color-analogous-2)}.text-triadic{color:var(--color-triadic-1)}.bg-accent{background-color:var(--color-accent)}.bg-complementary{background-color:var(--color-complementary)}.bg-analogous{background-color:var(--color-analogous-2)}.bg-triadic{background-color:var(--color-triadic-1)}.border-accent{border-color:var(--color-accent)}.border-complementary{border-color:var(--color-complementary)}.border-analogous{border-color:var(--color-analogous-2)}.border-triadic{border-color:var(--color-triadic-1)}.shadow-accent{box-shadow:var(--shadow-accent)}.shadow-complementary{box-shadow:var(--shadow-complementary)}.shadow-analogous{box-shadow:var(--shadow-analogous)}.shadow-triadic{box-shadow:var(--shadow-triadic)}.status-success{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-info{color:var(--color-info)}.status-error{color:var(--color-error)}