@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800&display=swap";:root{--color-purple:#46178f;--color-purple-dark:#25076b;--color-purple-light:#864cbf;--color-purple-lighter:#c2a5df;--color-orange:#eb670f;--color-orange-light:#f5a23d;--color-red:#e21b3c;--color-red-dark:#c60929;--color-yellow:#ffa602;--color-yellow-dark:#d89e00;--color-yellow-light:#fd3;--color-yellow-bright:#ffcc0a;--color-teal:#0aa3a3;--color-teal-dark:#028282;--color-teal-light:#53cccc;--color-teal-lighter:#99e5e5;--color-green:#26890c;--color-green-dark:#1b6b03;--color-green-light:#66bf39;--color-green-lighter:#b2df9c;--color-black:#333;--color-gray-light:#f2f2f2;--color-white:#fff;--color-action-green:var(--color-green);--color-action-green-dark:var(--color-green-dark);--color-alert-red:var(--color-red);--color-alert-red-dark:var(--color-red-dark);--color-amber-yellow:var(--color-yellow);--color-brand-purple:var(--color-purple);--color-kahoot-blue:#1368ce;--color-deep-purple-dark:var(--color-purple);--color-dark-navy:var(--color-purple-dark);--color-link-blue:var(--color-kahoot-blue);--color-border:#3333;--color-surface-white:var(--color-white);--color-body-text:var(--color-black);--color-light-gray-surface:var(--color-gray-light);--font-family:"Montserrat", sans-serif;--spacing-1:2px;--spacing-2:4px;--spacing-3:6px;--spacing-4:8px;--spacing-5:10px;--spacing-6:12px;--spacing-7:13px;--spacing-8:14px;--spacing-9:16px;--spacing-10:18px;--spacing-11:20px;--spacing-12:22px;--spacing-13:30px;--spacing-14:48px;--spacing-15:58px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:24px;--radius-badge-corner:0px 0px 0px 10px;--shadow-card:0px 4px 8px 0px #0003;--shadow-subtle:0px 2px 8px 0px #00000026;--shadow-elevated:0px 10px 25px -5px #09090b1a;--shadow-inset-divider:inset 0px -2px 0px 0px #f2f2f2;--shadow-purple-glow:0px 0px 30px 0px #7c3bed4d;--font-display-heading:800 38.4px/1.2 var(--font-family);--font-h1:700 32px/41.6px var(--font-family);--font-h2-section-title:700 22px/30.8px var(--font-family);--font-h2-bold:700 22px/1.4 var(--font-family);--font-h3-subheading:700 18px/1.4 var(--font-family);--font-body-regular:400 16px/24px var(--font-family);--font-body-small:400 14px/19.6px var(--font-family);--font-body-light:300 16px/28px var(--font-family);--font-label-bold:700 12px/1.4 var(--font-family);--font-label-regular:400 12px/14.4px var(--font-family);--font-caption:400 13px/1.4 var(--font-family)}html{font-family:var(--font-family);color:var(--color-body-text);background-color:var(--color-surface-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{margin:0;padding:0}.skip-link{padding:var(--spacing-6) var(--spacing-11);background:var(--color-action-green);color:var(--color-surface-white);font:var(--font-label-bold);border-radius:var(--radius-sm);z-index:1000;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--spacing-6);top:var(--spacing-6)}:focus-visible{outline:3px solid var(--color-body-text);outline-offset:0px}.button{font:var(--font-label-bold);border-radius:var(--radius-sm);padding:var(--spacing-6) var(--spacing-12);cursor:pointer;border:none;justify-content:center;align-items:center;height:38px;text-decoration:none;transition:background-color .15s;display:inline-flex}.button--primary{background-color:var(--color-action-green);color:var(--color-surface-white)}.button--primary:hover{background-color:var(--color-action-green-dark)}.button--secondary{color:var(--color-body-text);background-color:#0000}.button--secondary:hover{background-color:var(--color-light-gray-surface)}.button--link{color:var(--color-link-blue);font:var(--font-label-bold);background-color:#0000;height:auto;padding:0;text-decoration:underline}.card{background-color:var(--color-surface-white);height:100%;color:var(--color-body-text);border-radius:var(--radius-lg);padding:var(--spacing-13) 0 0;box-shadow:var(--shadow-card);border:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;display:flex}.card__content{padding:0 var(--spacing-14) var(--spacing-14);flex-direction:column;flex:1;display:flex}.card__illustration{height:100px;margin-bottom:var(--spacing-11);justify-content:center;align-items:center;display:flex}.card__illustration .illustration{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:100px}.card__pill{margin-bottom:var(--spacing-11)}.card__title{font:var(--font-h2-bold);margin:0 0 var(--spacing-6) 0;color:var(--color-body-text);align-items:flex-start;min-height:61.6px;display:flex}.card__text{font:var(--font-body-small);color:var(--color-body-text);flex:1;margin:0}.pill{background-color:var(--color-light-gray-surface);color:var(--color-body-text);font:var(--font-caption);border-radius:var(--radius-pill);padding:var(--spacing-3) var(--spacing-9);display:inline-block}.navbar{padding:var(--spacing-6) var(--spacing-14);background-color:var(--color-brand-purple);border-bottom:none;justify-content:space-between;align-items:center;min-height:64px;display:flex}.navbar__logo{font:var(--font-h3-subheading);color:var(--color-surface-white);text-decoration:none}.navbar__links{gap:var(--spacing-11);align-items:center;display:flex}.navbar__link{font:var(--font-label-bold);color:var(--color-surface-white);text-decoration:none}.navbar__link:hover{color:var(--color-amber-yellow)}.language-switcher{position:relative}.language-switcher__toggle{align-items:center;gap:var(--spacing-2);font:var(--font-label-bold);color:var(--color-surface-white);border:1px solid var(--color-surface-white);border-radius:var(--radius-sm);padding:var(--spacing-4) var(--spacing-6);cursor:pointer;background:0 0;display:inline-flex}.language-switcher__toggle:hover{border-color:var(--color-amber-yellow);color:var(--color-amber-yellow)}.language-switcher__toggle-icon{font-size:10px}.language-switcher__menu{top:calc(100% + var(--spacing-2));background-color:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:140px;box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;display:none;position:absolute;right:0}.language-switcher--open .language-switcher__menu{display:block}.language-switcher__menu-item{margin:0}.language-switcher__link{padding:var(--spacing-5) var(--spacing-9);font:var(--font-body-small);color:var(--color-body-text);text-decoration:none;display:block}.language-switcher__link:hover,.language-switcher__link:focus-visible{background-color:var(--color-light-gray-surface);color:var(--color-brand-purple)}.language-switcher__link--active{color:var(--color-brand-purple);font-weight:700}.hero{background-color:var(--color-brand-purple);color:var(--color-surface-white);padding:var(--spacing-15) var(--spacing-14);text-align:center}.hero__pill{margin-bottom:var(--spacing-11)}.hero__pill .pill{background-color:var(--color-deep-purple-dark);color:var(--color-surface-white)}.hero__title{font:var(--font-display-heading);margin:0 0 var(--spacing-6) 0;color:var(--color-surface-white)}.hero__subtitle{font:var(--font-h3-subheading);margin:0 0 var(--spacing-6) 0;color:var(--color-surface-white);opacity:.9}.hero__content{max-width:680px;margin:0 auto var(--spacing-14);font:var(--font-body-regular);color:var(--color-surface-white);opacity:.9;line-height:1.6}.hero__content p{margin:0 0 var(--spacing-6) 0}.hero__content p:last-child{margin-bottom:0}.hero__cta{justify-content:center;gap:var(--spacing-6);display:flex}.footer{background-color:var(--color-light-gray-surface);color:var(--color-body-text);padding:var(--spacing-14) var(--spacing-14);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.footer__text{font:var(--font-body-small);margin:0}.footer__github{color:var(--color-body-text);align-items:center;transition:color .2s;display:flex}.footer__github:hover{color:var(--color-link-blue)}.footer__link{color:var(--color-link-blue);text-decoration:none}.footer__link:hover{text-decoration:underline}.illustration{max-width:100%;height:auto;display:block}.hero__illustration{max-width:160px;margin:0 auto var(--spacing-11)}.theme-background{transition:background-color .2s}.theme-background--primary{background-color:var(--color-kahoot-blue)}.theme-background--dark{background-color:var(--color-brand-purple)}.technical-summary{padding:var(--spacing-15) var(--spacing-14);background-color:var(--color-surface-white)}.technical-summary__header{text-align:center;margin-bottom:var(--spacing-14)}.technical-summary__title{font:var(--font-h1);margin:0 0 var(--spacing-6) 0;color:var(--color-body-text)}.technical-summary__subtitle{font:var(--font-body-regular);color:var(--color-body-text);opacity:.8;margin:0}.technical-summary__grid{gap:var(--spacing-11);max-width:1200px;margin:0 auto var(--spacing-14);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.technical-summary__cta{text-align:center}.analysis{max-width:800px;padding:var(--spacing-15) var(--spacing-14);margin:0 auto}.analysis__title{font:var(--font-display-heading);color:var(--color-body-text);margin:0 0 var(--spacing-11) 0}.analysis__subtitle{font:var(--font-h3-subheading);color:var(--color-body-text);opacity:.8;margin:0 0 var(--spacing-13) 0}.analysis__illustration{max-width:120px;margin:0 auto var(--spacing-11)}.analysis__section{margin-bottom:var(--spacing-14)}.analysis__section-title{font:var(--font-h2-section-title);color:var(--color-brand-purple);margin:0 0 var(--spacing-6) 0}.analysis__text{font:var(--font-body-regular);color:var(--color-body-text);margin:0 0 var(--spacing-11) 0;line-height:1.95}.analysis__text p{margin:0 0 var(--spacing-9)}.analysis__text p:last-child{margin-bottom:0}.analysis__code{background-color:var(--color-light-gray-surface);border-radius:var(--radius-md);padding:var(--spacing-11);margin:var(--spacing-6) 0;font-family:Courier New,monospace;font-size:13px;line-height:1.65;display:block;overflow-x:auto}.analysis__list{padding-left:var(--spacing-11);font:var(--font-body-regular);color:var(--color-body-text);line-height:1.95}.analysis__list-item{margin-bottom:var(--spacing-9)}.container{max-width:1200px;padding:0 var(--spacing-14);margin:0 auto}.section{padding:var(--spacing-15) 0}@media (width<=768px){.navbar{justify-content:center;gap:var(--spacing-6);padding:var(--spacing-6) var(--spacing-11);flex-wrap:wrap}.navbar__logo{flex:none}.navbar__links{justify-content:center;gap:var(--spacing-9);flex:1 0 100%}.hero{padding:var(--spacing-14) var(--spacing-11)}.hero__title{font-size:28px;line-height:34px}.hero__subtitle{font-size:16px}.technical-summary{padding:var(--spacing-14) var(--spacing-11)}.technical-summary__grid{grid-template-columns:1fr}.analysis{padding:var(--spacing-14) var(--spacing-11)}.analysis__title{font-size:28px;line-height:34px}.container{padding:0 var(--spacing-11)}}