:root{--color-bg:#fcf6f5;--color-accent:#2bae66;--color-btn-bg:#2bae66;--color-btn-text:#fcf6f5}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);margin:0;font-family:system-ui,sans-serif}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000014}.navbar__logo-link{align-items:center;display:flex}.navbar__logo{width:auto;height:70px}.navbar__links{gap:4px;display:none}.navbar__link,.navbar__link--btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.navbar__link:hover,.navbar__link--btn:hover{color:#111;background:#f4f4f4}.navbar__link--active{color:var(--color-accent);font-weight:700}.navbar__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}.navbar__burger span{transform-origin:50%;background:#333;border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.navbar__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile{background:#fff;flex-direction:column;padding:8px 0 12px;display:flex;position:absolute;top:56px;left:0;right:0;box-shadow:0 4px 12px #0000001a}.navbar__mobile-link,.navbar__mobile-link--btn{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;padding:14px 20px;font-size:1rem;font-weight:500;text-decoration:none;transition:background .12s}.navbar__mobile-link:hover,.navbar__mobile-link--btn:hover{background:#f4f4f4}@media (width>=768px){.navbar__links{display:flex}.navbar__burger{display:none}}.splash{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:40px 24px;display:flex}.splash-logo{width:220px;height:auto;margin-bottom:12px}.splash-title{color:var(--color-accent);letter-spacing:.04em;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:900}.splash-sub{color:#6b7280;margin:0 0 32px;font-size:1rem}.splash-spinner{border:4px solid color-mix(in srgb, var(--color-accent) 20%, transparent);border-top-color:var(--color-accent);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}