@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap");:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--sidebar-width-closed:60px;--sidebar-width-open:125px}*{box-sizing:border-box;padding:0;margin:0}.app-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto}footer{grid-column:2;grid-row:2}.content-container{grid-column:2;grid-row:1;margin-right:var(--sidebar-width-closed);transition:.3s ease;width:calc(100% - var(--sidebar-width-closed))}body.sidebar-open .content-container{margin-right:var(--sidebar-width-open);width:calc(100% - var(--sidebar-width-open));transition:.3s ease}body,html{max-width:100vw;max-height:100vh}body{font-family:Heebo,sans-serif!important;position:relative;transition:padding-right .3s ease;color:rgb(var(--foreground-rgb));background-color:#c3d4d9}a{color:inherit;text-decoration:none}.icon{width:40px;height:auto}.container{display:flex;align-items:center;flex-direction:column;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);width:var(--sidebar-width-closed);height:100vh;position:fixed;top:0;right:0;z-index:1000;transition:width .3s ease;overflow:hidden}.container:hover,body.sidebar-open .container{width:var(--sidebar-width-open);transition:width .3s ease}.container:hover img.logo-sidebar{transform:scale(1.6);transition:transform .3s ease}img.logo-sidebar{width:60px;height:auto;transition:transform .3s ease}.logo-div{margin:20px}img.logo-sidebar:hover{filter:brightness(1.1) contrast(1.1) saturate(1.3) drop-shadow(1px 1px 0 rgba(0,0,0,.3));transition:filter .3s ease}.link-list{display:flex;flex-direction:column;align-items:flex-end;padding:10px;list-style-type:none;width:100%}.list-item{margin-bottom:15px;width:100%}.link.current .link-content,.link:hover .link-content{color:#110056;background-color:#c3d4d9;border-radius:10px;transition:color .3s ease,background-color .3s ease}.link.current .link-icon,.link:hover .link-icon{filter:none;transition:filter .3s ease}.link[href^="/classes"].active .link-content,.link[href^="/classes"].active .link-icon{color:#110056;background-color:#c3d4d9;border-radius:10px;filter:none}.link-content{display:flex;align-items:center;width:100%;justify-content:flex-end;transition:color .3s ease}.link-icon{filter:grayscale(100%);transition:filter .3s ease}.link-text{opacity:0;white-space:nowrap;transition:opacity .3s ease}.container:hover .link-text,body.sidebar-open .link-text{opacity:1;transition:opacity .3s ease;padding-right:4px}.footer{background-color:#044733;color:#f7fafc;position:fixed;bottom:0;left:0;right:0;z-index:99999;margin:0;padding:0}.footer-container{width:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 2rem}.footer-menu{list-style:none;padding:0;margin:0;display:flex}.footer-menu li{margin:0 1rem}.social-icons{display:flex}.social-icon{width:30px;height:30px;margin:0 .5rem;transition:.3s ease}.social-icon:hover{transform:scale(1.1);opacity:.9;transition:.3s ease}.social-icon svg{width:25px;height:25px}@media (max-width:767px){.footer-container{flex-direction:column-reverse;padding:.5rem 0}.footer-menu{margin-bottom:.5rem}}.accessibility{position:relative;color:#c3d4d9;text-decoration:none;transition:color .3s ease}.accessibility:after{content:"";position:absolute;right:0;bottom:-2px;height:2px;background-color:#c3d4d9;transition:width .3s ease}.accessibility:hover{color:#c3d4d9}.accessibility:hover:after{width:100%}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.hero-section{position:relative;padding-right:20px;padding-top:30px;background-color:#c3d4d9;min-height:calc(100vh - 45px);overflow:hidden;display:flex;flex-direction:column}.hero-content{flex:1 1;display:flex;gap:40px;align-items:flex-start}img.logo{margin-bottom:10px;position:relative;left:calc(50% + (var(--sidebar-width-closed) / 2));transform:translateX(calc(-50%))}.site-title{position:relative;font-size:clamp(1.5rem,3vw,3.5rem);line-height:calc(1.1em + .5vw);color:#0b2720;text-align:right;z-index:1000;padding-top:1rem}.image-column{flex:1 1;height:100%}.content-column{flex:1 1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:0}.content-wrapper{text-align:right;overflow-y:auto;padding-left:20px;padding-right:20px}.image-wrapper{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}img.screen-image{position:fixed;top:50%;transform:translate(10%,-50%);width:40vw;max-width:80%;height:auto;object-fit:contain;z-index:2}.features-grid{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:1rem;align-items:flex-end}.feature{display:flex;align-items:center;justify-content:flex-end;gap:11px}.feature-icon{width:clamp(1.5rem,2vw,2.5rem);height:clamp(1.5rem,2vw,2.5rem);flex-shrink:0}.feature-text{font-size:clamp(.875rem,2.5vw,1.5rem);line-height:calc(1.1em + .3vw);color:#333}.cta-button{font-family:Heebo,sans-serif;font-size:clamp(.7rem,2vw,1rem);padding:.8em 3.5em;border-radius:1em;box-shadow:0 4px 6px rgba(0,0,0,.1);letter-spacing:1.15px;background:linear-gradient(#246173,#0a2620) padding-box;transition:background-color .3s ease;white-space:nowrap;cursor:pointer}.cta-button,.cta-button:hover{color:#fff;transition:.3s ease}.cta-button:hover{background:linear-gradient(#1e5160,#051310) padding-box}@media screen and (max-width:830px){.hero-section{padding:20px;min-height:auto;display:flex;flex-direction:column;align-items:center}.logo-wrapper{width:80%;display:flex;margin-bottom:7px}.logo{max-width:60%;width:60%;height:auto}.site-title{font-size:clamp(1rem,4vw,2rem);text-align:center;margin-bottom:20px}.hero-content{flex-direction:column;gap:20px;align-items:center}.image-column{order:-1;width:80%}.image-wrapper{position:static;display:flex;justify-content:center;width:100%;height:auto}img.screen-image{position:static;transform:none;width:80%;max-width:300px;height:auto}.content-column{width:100%;align-items:center}.content-wrapper{text-align:center;padding:0}.features-grid{align-items:right}.feature{justify-content:right}.cta-button{font-size:clamp(.8rem,4vw,1rem);padding:.8em 2.5em}img.logo{margin-bottom:10px;position:relative;left:calc(50% + (var(--sidebar-width-closed) / 4))}}