@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Nunito:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";
:root{--color-canvas:#fff8e7;--color-canvas-dark:#f5ecd9;--color-canvas-light:#fffdf7;--color-primary:#ff6b6b;--color-primary-light:#ff8e8e;--color-primary-dark:#e85555;--color-secondary:#4ecdc4;--color-secondary-light:#7edcd6;--color-secondary-dark:#3bada6;--color-accent:#ffe66d;--color-accent-light:#fff0a3;--color-accent-dark:#e6cc4d;--color-tertiary:#a29bfe;--color-tertiary-light:#c4bfff;--color-tertiary-dark:#8075e8;--color-ink:#2c3e50;--color-ink-light:#5d6d7e;--color-ink-lighter:#95a5a6;--color-outline:#3d3d3d;--color-success:#6bcb77;--color-warning:#ffd93d;--color-error:#ff6b6b;--font-heading:"Comic Neue","Segoe UI",cursive,sans-serif;--font-body:"Nunito","Segoe UI",sans-serif;--font-mono:"Fira Code","Consolas",monospace;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .375vw,1rem);--text-base:clamp(1rem,.9rem + .5vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .625vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + .75vw,1.5rem);--text-2xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--text-3xl:clamp(1.875rem,1.5rem + 1.875vw,2.5rem);--text-4xl:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);--text-5xl:clamp(3rem,2rem + 5vw,5rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--border-thin:2px;--border-medium:3px;--border-thick:4px;--border-chonky:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-2xl:50px;--radius-blob:30% 70% 70% 30%/30% 30% 70% 70%;--radius-organic:60% 40% 30% 70%/60% 30% 70% 40%;--shadow-color-primary:#ff6b6b4d;--shadow-color-secondary:#4ecdc44d;--shadow-color-ink:#2c3e5026;--shadow-sm:2px 2px 0 var(--shadow-color-ink);--shadow-md:4px 4px 0 var(--shadow-color-ink);--shadow-lg:6px 6px 0 var(--shadow-color-ink);--shadow-xl:8px 8px 0 var(--shadow-color-ink);--shadow-primary:4px 4px 0 var(--color-primary-dark);--shadow-secondary:4px 4px 0 var(--color-secondary-dark);--shadow-accent:4px 4px 0 var(--color-accent-dark);--glow-primary:0 0 20px var(--shadow-color-primary);--glow-secondary:0 0 20px var(--shadow-color-secondary);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s;--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-bounce-soft:cubic-bezier(.34,1.56,.64,1);--ease-elastic:cubic-bezier(.68,-.6,.32,1.6);--ease-squish:cubic-bezier(.175,.885,.32,1.275);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--content-width:min(90%,var(--container-xl));--content-narrow:min(90%,var(--container-md));--pattern-dots:radial-gradient(circle,var(--color-ink-lighter)1px,transparent 1px);--pattern-dots-size:20px 20px;--pattern-grid:linear-gradient(var(--color-ink-lighter)1px,transparent 1px),linear-gradient(90deg,var(--color-ink-lighter)1px,transparent 1px);--pattern-grid-size:40px 40px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100dvh;line-height:var(--leading-normal);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-family:var(--font-heading);font-weight:var(--weight-bold);text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:var(--color-primary)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}textarea{resize:vertical}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty;max-width:70ch}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:var(--border-thick)solid var(--color-secondary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-accent);color:var(--color-ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-canvas-dark);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-lg);border:3px solid var(--color-canvas-dark)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}html{scrollbar-width:thin;scrollbar-color:var(--color-primary)var(--color-canvas-dark)}
.page-wrapper{background:radial-gradient(ellipse at 20% 80%,var(--color-canvas-light)0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--color-accent-light)0%,transparent 40%),radial-gradient(ellipse at 50% 50%,var(--color-secondary-light)0%,transparent 60%),var(--color-canvas);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;position:relative}.main-content{z-index:var(--z-base);flex:1;position:relative}.corner-doodle{pointer-events:none;z-index:var(--z-raised);opacity:.6;position:fixed}.corner-doodle--top-left{top:var(--space-lg);left:var(--space-lg)}.corner-doodle--top-right{top:var(--space-lg);right:var(--space-lg)}.corner-doodle--bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.corner-doodle--bottom-right{bottom:var(--space-lg);right:var(--space-lg)}.background-shapes{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{border-radius:var(--radius-blob);opacity:.1;animation:20s ease-in-out infinite floatAround;position:absolute}.floating-shape--1{background:var(--color-primary);width:300px;height:300px;animation-delay:0s;top:10%;left:-5%}.floating-shape--2{background:var(--color-secondary);width:200px;height:200px;animation-duration:25s;animation-delay:-5s;top:60%;right:-3%}.floating-shape--3{background:var(--color-accent);width:150px;height:150px;animation-duration:22s;animation-delay:-10s;bottom:20%;left:20%}.floating-shape--4{background:var(--color-tertiary);width:250px;height:250px;animation-duration:28s;animation-delay:-7s;top:30%;right:20%}@keyframes floatAround{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(30px,-30px)rotate(5deg)scale(1.05)}50%{transform:translate(-20px,20px)rotate(-5deg)scale(.95)}75%{transform:translate(15px,15px)rotate(3deg)scale(1.02)}}.skip-link{top:-100px;left:var(--space-md);background:var(--color-ink);color:var(--color-canvas);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);z-index:var(--z-tooltip);font-weight:var(--weight-bold);transition:top var(--duration-fast)var(--ease-bounce);text-decoration:none;position:fixed}.skip-link:focus{top:var(--space-md)}.page-transition{animation:pageEnter var(--duration-slow)var(--ease-bounce-soft)forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.floating-shape,.corner-doodle{display:none}}
.navbar{top:var(--space-md);z-index:var(--z-fixed);-webkit-backdrop-filter:blur(10px);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-xs)var(--space-md);animation:navbarSlideIn var(--duration-slow)var(--ease-bounce)forwards;background:#fff8e7f2;position:fixed;left:50%;transform:translate(-50%)}@keyframes navbarSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-30px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.navbar__container{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.navbar__logo{align-items:center;gap:var(--space-xs);color:var(--color-ink);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);transition:transform var(--duration-fast)var(--ease-bounce);text-decoration:none;display:flex}.navbar__logo:hover{transform:scale(1.05)rotate(-2deg)}.navbar__logo-icon{background:var(--color-primary);border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-blob);width:40px;height:40px;font-size:var(--text-xl);justify-content:center;align-items:center;animation:3s ease-in-out infinite logoWobble;display:flex}@keyframes logoWobble{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.navbar__nav{align-items:center;gap:var(--space-2xs);display:flex}.navbar__link{padding:var(--space-xs)var(--space-md);color:var(--color-ink);font-weight:var(--weight-semibold);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:background var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-bounce),color var(--duration-fast)var(--ease-smooth);-webkit-user-select:none;user-select:none;text-decoration:none;position:relative}.navbar__link:before{content:"";background:var(--color-accent);border-radius:var(--radius-lg);transition:transform var(--duration-fast)var(--ease-bounce);z-index:-1;position:absolute;inset:0;transform:scale(0)}.navbar__link:hover{color:var(--color-ink);transform:translateY(-2px)scale(1.05)}.navbar__link:hover:before{transform:scale(1)}.navbar__link:active{transform:translateY(0)scale(.98)}.navbar__link--active{background:var(--color-secondary);border:var(--border-thin)solid var(--color-outline);box-shadow:var(--shadow-sm)}.navbar__link--active:hover:before{transform:scale(0)}.navbar__cta{background:var(--color-primary);color:var(--color-canvas);border:var(--border-medium)solid var(--color-outline);box-shadow:var(--shadow-primary);transition:transform var(--duration-fast)var(--ease-bounce),box-shadow var(--duration-fast)var(--ease-smooth)}.navbar__cta:hover{box-shadow:6px 6px 0 var(--color-primary-dark);transform:translateY(-3px)scale(1.05)}.navbar__cta:hover:before{transform:scale(0)}.navbar__cta:active{box-shadow:2px 2px 0 var(--color-primary-dark);transform:translateY(0)scale(.98)}.navbar__toggle{background:var(--color-canvas);border:var(--border-medium)solid var(--color-outline);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:transform var(--duration-fast)var(--ease-bounce);flex-direction:column;justify-content:center;align-items:center;display:none}.navbar__toggle:hover{transform:scale(1.1)}.navbar__toggle-line{background:var(--color-ink);width:24px;height:3px;transition:transform var(--duration-normal)var(--ease-bounce),opacity var(--duration-fast)var(--ease-smooth);border-radius:2px}.navbar__toggle-line:not(:last-child){margin-bottom:5px}.navbar__toggle--active .navbar__toggle-line:first-child{transform:translateY(8px)rotate(45deg)}.navbar__toggle--active .navbar__toggle-line:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle--active .navbar__toggle-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (max-width:768px){.navbar{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);padding:var(--space-sm);transform:none}@keyframes navbarSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar__toggle{display:flex}.navbar__nav{top:calc(100% + var(--space-sm));gap:var(--space-xs);background:var(--color-canvas);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-smooth),visibility var(--duration-normal)var(--ease-smooth),transform var(--duration-normal)var(--ease-bounce);flex-direction:column;position:absolute;left:0;right:0;transform:translateY(-10px)scale(.95)}.navbar__nav--open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.navbar__link{text-align:center;width:100%;padding:var(--space-sm)var(--space-md)}.navbar__cta{text-align:center;width:100%}}
.footer{background:var(--color-ink);color:var(--color-canvas);margin-top:auto;position:relative;overflow:hidden}.footer__wave{width:100%;height:40px;fill:var(--color-canvas);position:absolute;top:-1px;left:0}.footer__content{padding:var(--space-4xl)var(--space-lg)var(--space-xl);max-width:var(--container-xl);align-items:center;gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.footer__brand{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.footer__logo{align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-canvas);text-decoration:none;display:flex}.footer__logo-icon{font-size:var(--text-3xl);animation:3s ease-in-out infinite footerIconFloat}@keyframes footerIconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(10deg)}}.footer__tagline{font-size:var(--text-sm);color:var(--color-ink-lighter);max-width:300px}.footer__nav{justify-content:center;gap:var(--space-md)var(--space-xl);flex-wrap:wrap;display:flex}.footer__link{color:var(--color-canvas-dark);font-weight:var(--weight-medium);padding:var(--space-2xs)0;transition:color var(--duration-fast)var(--ease-smooth);text-decoration:none;position:relative}.footer__link:after{content:"";background:var(--color-primary);transform-origin:100%;width:100%;height:2px;transition:transform var(--duration-fast)var(--ease-bounce);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer__link:hover{color:var(--color-primary)}.footer__link:hover:after{transform-origin:0;transform:scaleX(1)}.footer__social{gap:var(--space-md);display:flex}.footer__social-link{background:var(--color-ink-light);border:var(--border-medium)solid var(--color-ink-lighter);border-radius:var(--radius-lg);width:50px;height:50px;font-size:var(--text-xl);transition:transform var(--duration-fast)var(--ease-bounce),background var(--duration-fast)var(--ease-smooth),border-color var(--duration-fast)var(--ease-smooth);justify-content:center;align-items:center;text-decoration:none;display:flex}.footer__social-link:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-5px)rotate(5deg)}.footer__social-link:nth-child(2):hover{background:var(--color-secondary);border-color:var(--color-secondary)}.footer__social-link:nth-child(3):hover{background:var(--color-tertiary);border-color:var(--color-tertiary)}.footer__social-link:nth-child(4):hover{background:var(--color-accent);border-color:var(--color-accent)}.footer__divider{background:linear-gradient(90deg,transparent,var(--color-ink-light),transparent);width:100%;max-width:200px;height:2px}.footer__bottom{justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-lighter);text-align:center;flex-wrap:wrap;display:flex}.footer__doodle{opacity:.1;animation:5s ease-in-out infinite footerDoodleFloat;position:absolute}.footer__doodle--1{top:20%;left:5%}.footer__doodle--2{animation-delay:-2s;top:30%;right:8%}.footer__doodle--3{animation-delay:-1s;bottom:20%;left:10%}.footer__doodle--4{animation-delay:-3s;bottom:30%;right:5%}@keyframes footerDoodleFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(10deg)}}.footer__back-to-top{bottom:var(--space-lg);right:var(--space-lg);background:var(--color-primary);border:var(--border-thick)solid var(--color-outline);border-radius:var(--radius-lg);width:50px;height:50px;color:var(--color-canvas);font-size:var(--text-xl);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--duration-normal)var(--ease-smooth),visibility var(--duration-normal)var(--ease-smooth),transform var(--duration-fast)var(--ease-bounce);z-index:var(--z-fixed);justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(20px)}.footer__back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.footer__back-to-top:hover{transform:translateY(-5px)}@media (max-width:768px){.footer__content{padding:var(--space-3xl)var(--space-md)var(--space-lg)}.footer__nav{align-items:center;gap:var(--space-sm);flex-direction:column}.footer__doodle{display:none}.footer__back-to-top{bottom:var(--space-md);right:var(--space-md)}}