.footer{background-color:#282c34;padding:12px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom, 0px)) max(16px,env(safe-area-inset-right));color:white;flex-shrink:0;text-align:center;font-size:clamp(.8rem,2.5vw,.95rem)}.footer-links{margin:8px 0 4px}.footer-links a{color:#9ecbff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links-sep{opacity:.7}#freepik-credit{margin-top:0;font-size:8px}p{margin:0}.header{background-color:#ffffff;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));gap:12px;min-width:0}.logo{font-family:Bitter,serif;font-size:clamp(1.1rem,4vw,1.5rem);color:#333;text-decoration:none;font-weight:700;min-width:0;line-height:1.2}.nav-menu{display:flex;gap:20px}.nav-menu a{font-family:Bitter,sans-serif;color:#333;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.nav-menu a.active,.nav-menu a:hover{color:#0066cc}.menu-toggle{display:none}@media (max-width:768px){.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:12px;margin:-12px -12px -12px 0;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:#333}.nav-menu{position:fixed;left:0;right:0;top:70px;padding-top:8px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;background-color:#fff;width:100%;max-height:calc(100dvh - 70px - env(safe-area-inset-bottom, 0px));overflow-y:auto;text-align:center;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;box-shadow:0 10px 27px rgba(0,0,0,.08);z-index:1001;transform:translateX(-100%);visibility:hidden;opacity:0;pointer-events:none}.nav-menu.active{transform:translateX(0);visibility:visible;opacity:1;pointer-events:auto}.nav-menu a{padding:16px 20px;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}