:root{--color-primary: rgba(3, 27, 165, 1);--color-secondary: rgba(3, 43, 165, 1);--color-accent: rgba(22, 79, 191, 1);--color-light-accent: rgba(78, 116, 191, 1);--color-surface: rgba(242, 242, 242, 1);--color-text: rgba(12, 12, 12, 1);--color-text-light: rgba(12, 12, 12, .7);--color-primary-night: rgba(242, 242, 242, 1);--color-secondary-night: rgb(255, 255, 255);--color-accent-night: rgb(255, 255, 255);--color-surface-night: rgb(0, 0, 0);--color-background-night: rgba(12, 12, 12, 1);--color-text-night: rgba(242, 242, 242, 1);--color-text-light-night: rgb(255, 255, 255)}body{--clr-primary: var(--color-primary);--clr-secondary: var(--color-secondary);--clr-accent: var(--color-accent);--clr-light-accent: var(--color-light-accent);--clr-bg: var(--color-surface);--clr-surface: white;--clr-text: var(--color-text);--clr-text-light: var(--color-text-light);--clr-border: rgba(0, 0, 0, .1);background-color:var(--clr-bg);color:var(--clr-text);transition:background-color .5s ease,color .3s ease}body.night-mode{--clr-primary: var(--color-primary-night);--clr-secondary: var(--color-secondary-night);--clr-accent: var(--color-accent-night);--clr-light-accent: var(--color-secondary-night);--clr-bg: var(--color-background-night);--clr-surface: var(--color-surface-night);--clr-text: var(--color-text-night);--clr-text-light: var(--color-text-light-night);--clr-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html.lenis{height:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;line-height:1.6}#bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.site-header{position:fixed;top:0;width:100%;padding:1.5rem 2rem;z-index:100;display:flex;justify-content:space-between;align-items:center;background-color:var(--clr-surface)}.logo{font-size:1.8rem;font-weight:800;color:var(--clr-primary);text-decoration:none;letter-spacing:-.5px}.nav-menu{display:flex;list-style:none;gap:1.5rem;align-items:center}.nav-item{position:relative}.nav-link{color:var(--clr-text);text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;padding:.5rem 1rem;display:block;border:1px solid transparent;transition:all .3s ease}.nav-link:hover{border:1px solid var(--clr-accent);background-color:#0000000d}body.night-mode .nav-link:hover{background-color:#ffffff0d}.dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--clr-surface);border:1px solid var(--clr-border);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{color:var(--clr-text);text-decoration:none;padding:.75rem 1.5rem;display:block;transition:all .2s ease;font-size:.9rem}.dropdown-link:hover{background:var(--clr-accent);color:var(--clr-surface)}.subdropdown{position:absolute;left:100%;top:0;min-width:240px;background:var(--clr-surface);opacity:0;visibility:hidden;transform:translate(-10px);transition:all .3s ease}.dropdown-item:hover .subdropdown{opacity:1;visibility:visible;transform:translate(0)}.theme-toggle{background:var(--clr-accent);border:1px solid var(--clr-accent);color:var(--clr-surface);padding:.5rem 1rem;cursor:pointer;font-weight:500;font-size:.85rem;letter-spacing:1px;transition:all .3s ease}.theme-toggle:hover{background:transparent;color:var(--clr-accent)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;background:none;border:none;padding:0;z-index:1000}.hamburger span{display:block;height:3px;width:100%;background-color:var(--clr-text);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}main{position:relative;z-index:1;width:100%;padding:8rem 0 4rem}.content-section{margin-bottom:6rem;scroll-margin-top:6rem;width:100%;display:flex;justify-content:center;padding:0 2rem}.content-section>*{width:100%;max-width:1400px}.content-card{background-color:var(--clr-surface);padding:clamp(1.5rem,3vw,3rem);margin-bottom:2rem;width:100%;max-width:100%;overflow:hidden}#footer-section .content-card{padding:clamp(1.5rem,3vw,3rem);width:100%}#footer-section .footer-rectangle{padding:0;margin:0;text-align:left;background-color:transparent}.section-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:1rem;color:var(--clr-primary);letter-spacing:-.5px;word-break:break-word}.section-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--clr-secondary);margin-bottom:1rem;line-height:1.3}.section-text{font-size:clamp(.95rem,1.5vw,1.125rem);color:var(--clr-text);margin-bottom:1.5rem;line-height:1.5;overflow-wrap:break-word;max-width:100%}.layout-container{display:grid;grid-template-columns:1fr;gap:2rem}.squares-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.square-card{background-color:var(--clr-surface);padding:clamp(1.5rem,2.5vw,2rem);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.train-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.train-placeholder{width:100%;height:80%;display:flex;align-items:center;justify-content:center;color:var(--clr-text-light);font-size:1.5rem;text-transform:uppercase;letter-spacing:3px}.site-footer{text-align:center;padding:3rem 1rem;color:var(--clr-text-light);border-top:1px solid var(--clr-border);margin-top:4rem;width:100%;overflow-wrap:break-word;word-break:break-word}.site-footer p{max-width:100%;margin:0 auto;font-size:.9rem}@media(max-width:1024px){.nav-menu{gap:1rem}.nav-link{padding:.5rem .75rem;font-size:.8rem}}@media(max-width:768px){.hamburger{display:flex}.site-header{padding:1rem;flex-direction:row;gap:1rem}.nav-menu{display:none;flex-direction:column;gap:.5rem;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--clr-surface);padding:5rem 1rem 2rem;box-shadow:0 4px 6px #0000001a;overflow-y:auto;z-index:999}.nav-menu.active{display:flex}.nav-item{width:100%;text-align:left}.nav-link{padding:.75rem 1rem;font-size:.85rem;width:100%;border-bottom:1px solid var(--clr-border)}.theme-toggle{margin-top:.5rem;width:100%;margin-left:auto;margin-right:auto}.dropdown,.subdropdown{position:static;opacity:1;visibility:visible;transform:none;display:none;width:100%;background:var(--clr-bg);box-shadow:none;border:none;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown.active,.subdropdown.active{display:block;max-height:500px}.dropdown-link{padding:.75rem 1rem;font-size:.85rem;border-bottom:1px solid var(--clr-border)}.section-title{font-size:2rem}.content-card{padding:2rem}.content-section{padding:0 1rem;margin-bottom:3rem}.squares-container{grid-template-columns:1fr;gap:1.5rem}.square-card{aspect-ratio:auto;min-height:300px}.train-placeholder{font-size:clamp(.8rem,3vw,1.2rem);padding:1rem;text-align:center}}@media(max-width:480px){.content-section{padding:0 1rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.content-card{padding:1.25rem}.square-card{min-height:200px;padding:1.5rem}.train-placeholder{font-size:1rem}.site-footer{padding:1.5rem .5rem}.site-footer p{font-size:.75rem;line-height:1.4}}