.app-logo{--app-logo-height: 42px;position:relative;display:block;width:calc(var(--app-logo-height) * 2 / 3);height:var(--app-logo-height);flex-shrink:0;transition:transform var(--transition-fast)}.app-logo__spine{position:absolute;left:0;top:2px;bottom:2px;width:5px;border-radius:2px 0 0 2px;background:linear-gradient(180deg,#1a5bb8 0%,var(--color-primary) 45%,#1a5bb8 100%);box-shadow:inset -1px 0 #ffffff2e}.app-logo__page{position:absolute;inset:0 0 0 4px;border-radius:3px 6px 6px 3px;overflow:hidden;background:linear-gradient(165deg,#8ec5ff,#5a9df0 38%,#f8f4e8 72%,#ffe66d);box-shadow:0 2px 6px #2170dd38,0 1px #ffffff73 inset}.app-logo__sky{position:absolute;inset:0 0 42%;background:linear-gradient(180deg,#7eb8f7,#b8d9fb)}.app-logo__hill{position:absolute;left:-8%;right:-8%;bottom:-4%;height:48%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#6fcf97,#4ecdc4)}.app-logo__star{position:absolute;top:18%;right:14%;width:7px;height:7px;background:var(--color-accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 0 1px #ffffff59}.app-logo__line{position:absolute;left:18%;height:2px;border-radius:999px;background:#2c3e5038}.app-logo__line--title{top:58%;width:52%;height:3px;background:#2c3e5057}.app-logo__line:not(.app-logo__line--title):not(.app-logo__line--short){top:70%;width:44%}.app-logo__line--short{top:80%;width:28%}.logo-link:hover .app-logo__page{box-shadow:0 4px 10px #2170dd47,0 1px #ffffff73 inset}.logo-link:hover .app-logo{transform:translateY(-1px)}@media(max-width:600px){.app-logo{--app-logo-height: 36px}}