/* Premium floating center home button for every public bottom navigation */
.bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:76px;padding:0 max(16px,calc((100% - 720px)/2));display:flex;align-items:flex-end;justify-content:space-around;background:rgba(255,255,255,.94);border-top:1px solid rgba(13,107,88,.12);box-shadow:0 -12px 35px rgba(13,74,60,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.bottom-nav a{position:relative;z-index:1;min-width:54px;height:65px;display:flex;flex:1;max-width:96px;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#78918b;text-decoration:none;font-size:19px;transition:color .2s,transform .2s}.bottom-nav a small{font-size:9px;font-weight:750;letter-spacing:.01em}.bottom-nav a.active{color:var(--deep)}.bottom-nav a:hover{transform:translateY(-2px);color:var(--deep)}
.bottom-nav a.home-dock{height:76px;min-width:82px;max-width:82px;flex:0 0 82px;margin:0 8px 22px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#1bb98f 0%,#08765f 55%,#034c3e 100%);border:5px solid #f7fbf9;box-shadow:0 6px 0 #063e34,0 13px 26px rgba(4,80,62,.38),inset 4px 5px 8px rgba(255,255,255,.28),inset -7px -9px 14px rgba(0,36,29,.3);transform:translateY(-4px)}
.bottom-nav a.home-dock:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 3px rgba(255,255,255,.06)}.bottom-nav a.home-dock:hover{transform:translateY(-8px);color:#fff}.bottom-nav a.home-dock .home-logo{position:relative;z-index:1;width:46px;height:32px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1) drop-shadow(0 2px 2px rgba(0,0,0,.28));transform:scale(1.34)}.bottom-nav a.home-dock small{display:none}
@media(max-width:420px){.bottom-nav{padding-left:7px;padding-right:7px}.bottom-nav a{min-width:45px}.bottom-nav a.home-dock{min-width:76px;max-width:76px;flex-basis:76px;height:76px;margin-left:3px;margin-right:3px}.bottom-nav a.home-dock .home-logo{width:39px;height:27px}}

body{padding-bottom:98px}
@media(max-width:420px){body{padding-bottom:94px}}

.bottom-nav .nav-glyph{width:21px;height:21px;min-width:21px;min-height:21px;display:grid;place-items:center;color:currentColor;flex:0 0 21px}.bottom-nav .nav-glyph svg{display:block;width:20px;height:20px;min-width:20px;min-height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.bottom-nav a.active .nav-glyph{color:var(--deep)}
.bottom-nav a.home-dock{color:#fff}.bottom-nav a.home-dock .home-logo{display:block}