*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* For RTL languages, English parts need to be LTR */ .ltr{ direction: ltr; } body { font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin: 0; padding: 0; background-color:#D4D8DC; } .info-page { min-height: 100vh; padding: 90px 20px 50px; background: #071827; color: #d9e8f2; } .info-page main { width: min(760px, 100%); margin: 0 auto; padding: clamp(24px, 5vw, 56px); border: 1px solid rgba(160, 213, 225, .2); border-radius: 16px; background: rgba(12, 31, 48, .94); box-shadow: 0 24px 70px rgba(0,0,0,.3); } .info-page h1 { margin: 0 0 24px; color: #fff; font-size: clamp(34px, 6vw, 60px); } .info-page h2 { margin-top: 34px; color: #fff; } .info-page p { line-height: 1.7; } .info-page a { color: #62c9ef; } .site-trust-links { display: flex; justify-content: center; gap: 18px; padding: 24px 18px 36px; background: transparent; } .site-trust-links a { color: #a8d9ed; font-size: 13px; text-decoration: none; } .site-trust-links a:hover { color: #fff; text-decoration: underline; } .network-link-stream { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; opacity: .18; mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); } .network-link-column { position: absolute; top: -35vh; display: flex; flex-direction: column; gap: 44px; white-space: nowrap; font: 700 11px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; color: #58c8ef; text-shadow: 0 0 14px rgba(49, 168, 215, .75); transform: rotate(11deg); animation: network-links-fall 30s linear infinite; } .network-link-column span { display: block; } .network-link-column-a { left: 9%; animation-duration: 27s; } .network-link-column-b { left: 51%; animation-duration: 34s; animation-delay: -12s; color: #9edcf2; } .network-link-column-c { left: 79%; animation-duration: 25s; animation-delay: -6s; color: #39aee0; } @keyframes network-links-fall { from { transform: translateY(0) rotate(11deg); } to { transform: translateY(140vh) rotate(11deg); } } @media (prefers-reduced-motion: reduce) { .network-link-column { animation-play-state: paused; } } nav { position: fixed; padding: 15px 0; text-align: center; background-color: #d04343; top: 0; z-index: 1; margin: 0 auto; width: 100%; color: #000; font-weight: normal; direction: ltr; opacity: 0.9; } nav a { color: #000; font-weight: normal; text-decoration: none; padding: 8px 10px; } nav a:hover, .language-switch:hover, .current { border-bottom: 1px solid #000; } .language-switch { padding-left: 29px; padding-top: 8px; padding-bottom: 8px; padding-right: 10px; cursor: pointer; } header { position: relative; background-color: #293840; color: #E8E8E8; text-align: center; padding: 40px 0; border-bottom: 5px solid #d04343; margin-top: 47px; } .js-on header { border: none; } header h1 { margin: 0; font-weight: 200; padding-bottom: 10px; font-size: 300%; font-weight: lighter; } header h1 span { color: #d04343; } .tagline { color: #9fb3be; font-size: 16px; font-weight: 700; margin: 0; } .button { background: #d04343; padding: 10px 20px; border-radius: 5px; color: white; text-decoration: none; display: inline-block; margin-top: 10px; transition: all 0.3s ease 0s; font-weight: lighter; letter-spacing: 1px; } .button:hover { background: #ac4949; cursor: pointer; } .search { background-color: #d04343; padding: 10px 0; display: none; } #search{ direction: ltr; } button { background-color: #FFF; border: none; padding: 10px 15px; border-radius: 5px; font-weight: bold; text-transform: uppercase; cursor:pointer; font-size: 70%; font-weight: lighter; transition: all 0.3s ease 0s; } button.reset { color: #d04343;} button:hover { background-color: #FFECEC; } .js-on .search { display: block; } .search .search-container { max-width: 500px; margin: 0 auto; position: relative; padding: 0 30px 0 0; } .search .search-container a { position: absolute; right: 0; top: 11px; text-indent: -9999px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAA512lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTMtMDgtMTdUMTQ6NTU6MDErMDE6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxMy0wOC0xN1QxNDo1NTozMCswMTowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTMtMDgtMTdUMTQ6NTU6MzArMDE6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NTVlNzQzMmUtZDA3OS00ZTQ2LTk2YTYtMDNkMDM0NmJjZDNlPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjg1OWQxY2RiLTQ5MmUtNDM3OC1iZDM4LTk5ZWYzMzVjZTcyNDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjg1OWQxY2RiLTQ5MmUtNDM3OC1iZDM4LTk5ZWYzMzVjZTcyNDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo4NTlkMWNkYi00OTJlLTQzNzgtYmQzOC05OWVmMzM1Y2U3MjQ8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTMtMDgtMTdUMTQ6NTU6MDErMDE6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NTVlNzQzMmUtZDA3OS00ZTQ2LTk2YTYtMDNkMDM0NmJjZDNlPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDEzLTA4LTE3VDE0OjU1OjMwKzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjI1NjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yNTY8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PtdG8uYAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAIXlJREFUeNrsnXe0XFX1xz8zeUkIaSSQkEJNCAlVEKkiHUVAiogKKogNfyAoRSMKYsOfFEEQpQsIUgREiuhSadIFpYhITyAkpPES0tub8Y+9z5qTy7wy82buOffO/q41Ky/vvWTu3Hv25+y9zz77FMrlMiaTqTVVtFtgMhkATCaTAcBkMhkATCaTAcBkMhkATCaTAcBkMhkATCaTAcBkMhkATCZThtVmt6DXKnivEtBZbXVfoJ/e8zWBQfqne/UH+ujPB+ify4FlQAewSr9eoq/F+loGrARW6O91BvqCXlu5i2s0tdrgtb0AdRs8nRhTH2AgMBhYGxgDjAfGAqOBEcBw/flANf6BCgD/PfDeA4XLMs/wFwMLgHeAWcAM4E1giv59HrBIYdGZ52cwMADY86/R6EuJn60BjNTXOGCSGvzGwCb6/T4pXusy4C3gNeB14FXgBWAaMAeYm/gMBQVCyWBgADC91/CLVVzrscCGwObA1vqaCKzTw7Cq3M33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); width: 20px; height: 20px; background-size: 20px 20px; } .search .search-container input { background-color: #d04343; /* RGBA FALLBACK BITCHES */ background-color: rgba(#d04343, 0); border: none; padding: 10px; display: block; width: 100%; border-bottom: 1px solid white; color: white; font-size: 16px; } .sort-container { max-width: 500px; margin: 0 auto; position: relative; padding: 10px 0; text-align: center; } .sort-container a { text-decoration: none; } .search .search-container input:focus { outline: none; } .main { max-width: 1000px; margin: 0 auto; } .adsense { margin: 0 auto; margin-top: 27px; max-width: 800px; } .sites { padding: 30px 0; min-height: 143px; } .sites a { color: #d15a58; text-decoration: none; } .sites a:hover { color: #283840; text-decoration: underline; } .site { display: inline-block; width: 25%; padding: 10px 5px; } .meta { display: none; } .content { max-width: 800px; margin: 0 auto; padding: 20px 0; overflow: auto; } /* ######################################################### REDESIGN BLOCK /start ######################################################### */ .ribbon { position: absolute; top: 0; right: 0; border: 0; z-index: 1; width: 15%; max-width: 149px; } .ribbon img { float: right; width: 100%; } /*.banner { display: block; text-align: center; background-color: #7BAC7B; font-weight: bold; color: #293840; padding: 20px; text-decoration: none; color: white; } .banner span { } .banner:hover { background-color: #5D895D; }*/ .banner-block { background-color: #7BAC7B; } .banner-content { max-width: 1000px; margin: 0 auto; padding: 20px 0; color: white; } .banner-block .banner-block-half { display: inline-block; width: 50%; padding: 0 20px; vertical-align: top; } .banner-block .banner-block-half h2 { font-weight: 200; } .banner-block .banner-block-half p { margin: 0; font-size: 14px; line-height: 1.5; margin-bottom: 10px; } .banner-block .banner-block-half a { color: #2B2B2B; font-weight: bold; text-decoration: none; } .banner-block .banner-block-half ul { padding: 0; } .banner-block .banner-block-half li { font-size: 14px; list-style: none; padding: 5px; } .banner-block .banner-block-half li .dot-wrapper { width: 20px; height: 20px; display: inline-block; border-radius: 3px; border: 1px solid #BFC6CC; background-color: #EAEBED; padding: 4px 4px; vertical-align: middle; } .banner-block .banner-block-half li .dot { width: 10px; height: 10px; display: block; border-radius: 5px; } .banner-block .banner-block-half li .dot.easy { border: 1px solid #5D895D; background-color: #7BAC7B; } .banner-block .banner-block-half li .dot.medium { border: 1px solid #C5A65C; background-color: #E8C674; } .banner-block .banner-block-half li .dot.hard { border: 1px solid #AC4949; background-color: #d04343; } .banner-block .banner-block-half li .dot.impossible { border: 1px solid #000000; background-color: #2B2B2B; } .banner-block .banner-block-half a:hover { color: #d04343; } @media only screen and (max-width: 560px) { .banner-block .banner-block-half { width: 100%; } } .banner-block .banner-block-extension { max-width: 540px; margin: 0 auto; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAACWCAYAAABNY6LIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCNUM3MDc5MDUzOTExRTNCMDAwOUFDNUI5QzVDODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCNUM3MDdBMDUzOTExRTNCMDAwOUFDNUI5QzVDODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkI1QzcwNzcwNTM5MTFFM0IwMDA5QUM1QjlDNUM4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkI1QzcwNzgwNTM5MTFFM0IwMDA5QUM1QjlDNUM4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wy4/2AAAEk0lEQVR42uzby2oTYRiA4S9mmlNNU4KxaFqrJUI3LtsuXfQC9Aa8EL0nQS/AhTtbQdda8LQottEqTbEmWiMTieBCiqI5Pg9kkUWYj//Pv3iZmeTO3dsB42Dr3nbXKjBoGzfXM1bBecd5H1dXaiuxWF2Mufxc7/tR5yh2P+zGzt7zU39bK5+P1YurUSlUet9b7VY8ff0kDo8PnXWcdfhPEksAADCZXjZf9D5/o9naj+azfYsIMEBnLAEAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAA/lBiCQAAJs9SqRH14nKUc/NDuX6r8zFefdqJt8dvbAaAQAcAmD7ZTBJr1etDC/O+9PrXcmtxuXQ1Hh88jJPuV5sDINABAKZHP85nkmwsnKtGIZ+PfG5moDO0O1/ic7sde+8OohzzvZkevX9gcwBO4R10AIAJsTTb+BnnK5fqUSmfHXicp9JrptdOZ0hnSWe6UFy2QQACHQBgOtQLPyJ4oVaNJJsd+jzpDOksqeVSwwYBCHQAgOnQf+98tlgcmZkKufwvswEg0AEApsYo3D3vG8Yj9gACHQAAABDoAAAAMM4ym7c2u5YBAAAAhssddAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAwL+QjNIwGzfWs7YEAACAQdm6v30i0H8nE9/8RQAAAJg2HnEHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAAgQ4AAAAIdAAAABDoAAAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAAAIdAAAAECgAwAAgEAHAAAABDoAAACMsu8CDACmO1MQJjnNFAAAAABJRU5ErkJggg==); background-size: 100%; background-position: center bottom; height: 100px; background-repeat: no-repeat; } .banner a { color: white; text-decoration: none; } .site-block { width: 24%; display: inline-block; padding: 10px 5px; vertical-align: top; } .site-block .site-header { display: block; font-size: 16px; font-weight: bold; color: white; padding: 10px; line-height: 1; direction: ltr; } .site-block.easy .site-header { background-color: #7BAC7B; border: 1px solid #5d895d; } .site-block.medium .site-header { background-color: #E8C674; border: 1px solid #c5a65c; } .site-block.hard .site-header { background-color: #d04343; border: 1px solid #ac4949; } .site-block.impossible .site-header { background-color: #2b2b2b; border: 1px solid black; } .site-block.easy .site-header:hover { background-color: #5d895d; color: white; text-decoration: none; } .site-block.medium .site-header:hover { background-color: #c5a65c; color: white; text-decoration: none; } .site-block.hard .site-header:hover { background-color: #ac4949; color: white; text-decoration: none; } .site-block.impossible .site-header:hover { background-color: black; color: white; text-decoration: none; } .site-block .site-difficulty { background-color: #EAEBED; border: 1px solid #BFC6CC; border-top: 0; line-height: 0; padding: 15px 10px; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; color: #293840; } .site-block .tooltip-content { background-color: #EAEBED; border: 1px solid #BFC6CC; border-top: 0; padding: 10px; line-height: 1.5; font-size: 12px; margin: 0; color: #293840; display: none; } .site-block .tooltip-toggle { background-color: #EAEBED; border: 1px solid #BFC6CC; display: block; border-top: 0; line-height: 0; padding: 15px 10px; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; color: #878787; font-size: 10px; } .site-block .tooltip-toggle.contains-info { color: #293840; } .site-block.easy .tooltip-toggle.contains-info:hover { color: #7BAC7B; } .site-block.medium .tooltip-toggle.contains-info:hover { color: #E8C674; } .site-block.hard .tooltip-toggle.contains-info:hover { color: #d04343; } .site-block.impossible .tooltip-toggle.contains-info:hover { color: #2b2b2b; } .info-block-half { display: inline-block; width: 50%; padding: 0 20px; vertical-align: top; } .share-buttons { float: right; } .share-buttons-rtl{ float: left; } @media only screen and (max-width: 1000px) { .site-block { width: 33%; } } @media only screen and (max-width: 560px) { .info-block-half { width: 100%; } .share-buttons { float: none; margin-top: 10px; } .site-block { width: 50%; } } @media only screen and (max-width: 480px) { .site-block { width: 100%; } } /* ######################################################### REDESIGN BLOCK /end ######################################################### */ @media only screen and (max-width: 560px) { header { padding: 40px 20px; } .search { padding: 10px 20px; } .site { width: 50%; } } @media only screen and (max-width: 1000px) { .info-block { padding: 0 20px; } } .site a { display: block; font-size: 20px; text-decoration: none; color: #293840; font-size: 14px; font-weight: bold; /*color: white;*/ padding: 20px 10px; text-align: center; /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/ background-color: #EAEBED; } .site a:hover { background-color: white; } .tooltip { display: none; z-index: 1; position: absolute; width: 25%; margin-left: -3%; margin-top: 10px; background-color: #EAEBED; padding: 0 5px 0 5px; color: #273840; border-bottom: 3px solid #2c383f; box-shadow: 1px 1px 10px #283840; font-size: 14px; line-height: 1.5; } .site.easy a {border-bottom: 6px solid #7bac7b;} .site.medium a {border-bottom: 6px solid #E8C674;} .site.hard a {border-bottom: 6px solid #cc1919;} .site.impossible a {border-bottom: 6px solid #000;} .no-results { display: none; text-align: center; font-weight: bold; } .info-block { background-color: #293840; border-top: 4px solid #d04343; } #about { padding-top: 40px; visibility: hidden; } .info-container { max-width: 1000px; margin: 0 auto; padding: 20px 0; } .info-container h2 { margin: 0; color: white; font-weight: 200; padding-bottom: 10px; } .info-container p { color: #9fb3be; margin: 0; font-size: 14px; line-height: 1.5; margin-bottom: 10px; } .info-container li { color: #9fb3be; font-size: 14px; margin: 5px 0; } .green, .yellow, .red, .black { font-weight: bold; } .info-container ul { padding: 0; } .info-container li .green { background-color: #7bac7b; border: 1px solid #5D895D; padding: 6px 12px; line-height: 1; color: white; display: inline-block; } .info-container li .yellow { background-color: #E8C674; border: 1px solid #C5A65C; padding: 6px 12px; line-height: 1; color: white; display: inline-block; } .info-container li .red { background-color: #d04343; border: 1px solid #AC4949; padding: 6px 12px; line-height: 1; color: white; display: inline-block; } .info-container li .black { background-color: #2B2B2B; border: 1px solid #000000; padding: 6px 12px; line-height: 1; color: white; display: inline-block; } footer { border-top: 1px solid #9fb3be; color: #9fb3be; font-size: 12px; padding: 10px 0 20px 0; margin-top: 30px; } footer a, .info-container a { color: white; text-decoration: none; } footer a:hover, .info-container a:hover { color: #d04343; } .beta { font-size: 50%; color: #d04343; } .clearfix { clear: both; } .info-block.contributors { border-top: none; } .contributors.translate { list-style-type: none; direction: ltr; } .contributors.translate LI > A { padding-left: 30px; background-position: 8px center; background-repeat: no-repeat; } .dropdown .help A { background-image: url(../icons/github16.png); } .dropdown .it A, .it A { background-image: url(../icons/flags/it16.png); } .dropdown .en A, .en A { background-image: url(../icons/flags/en16.png); } .dropdown .fr A, .fr A { background-image: url(../icons/flags/fr16.png); } .dropdown .de A, .de A { background-image: url(../icons/flags/de16.png); } .dropdown .es A, .es A { background-image: url(../icons/flags/es16.png); } .dropdown .ru A, .ru A { background-image: url(../icons/flags/ru16.png); } .dropdown .pt_br A, .pt_br A { background-image: url(../icons/flags/pt_br16.png); } .dropdown .cat A, .cat A { background-image: url(../icons/flags/cat16.png); } .dropdown .vi A, .vi A { background-image: url(../icons/flags/vi16.png); } .dropdown .tr A, .tr A { background-image: url(../icons/flags/tr16.png); } .dropdown .ar A, .ar A { background-image: url(../icons/flags/ar16.png); } .dropdown .nl A, .nl A { background-image: url(../icons/flags/nl16.png); } .dropdown .fa A, .fa A { background-image: url(../icons/flags/fa16.png); } .dropdown .zh-cn A, .zh-cn A { background-image: url(../icons/flags/cn16.png); } .dropdown .id A, .id A { background-image: url(../icons/flags/id16.png); } .dropdown .ro A, .ro A { background-image: url(../icons/flags/ro16.png); } .dropdown .pl A, .pl A { background-image: url(../icons/flags/pl16.png); } .dropdown .zh-tw A, .zh-tw A { background-image: url(../icons/flags/tw16.png); } .dropdown .sk A, .sk A { background-image: url(../icons/flags/sk16.png); } .dropdown .sr A, .sr A { background-image: url(../icons/flags/sr16.png); } #en { background-image: url(../icons/flags/en24.png); background-repeat:no-repeat; background-position: left center; } #fr { background-image: url(../icons/flags/fr24.png); background-repeat:no-repeat; background-position: left center; } #de { background-image: url(../icons/flags/de24.png); background-repeat:no-repeat; background-position: left center; } #it { background-image: url(../icons/flags/it24.png); background-repeat:no-repeat; background-position: left center; } #es { background-image: url(../icons/flags/es24.png); background-repeat:no-repeat; background-position: left center; } #ru { background-image: url(../icons/flags/ru24.png); background-repeat:no-repeat; background-position: left center; } #pt_br { background-image: url(../icons/flags/pt_br24.png); background-repeat:no-repeat; background-position: left center; } #cat { background-image: url(../icons/flags/cat24.png); background-repeat:no-repeat; background-position: left center; } #vi { background-image: url(../icons/flags/vi24.png); background-repeat:no-repeat; background-position: left center; } #tr { background-image: url(../icons/flags/tr24.png); background-repeat:no-repeat; background-position: left center; } #ar { background-image: url(../icons/flags/ar24.png); background-repeat:no-repeat; background-position: left center; } #nl { background-image: url(../icons/flags/nl24.png); background-repeat:no-repeat; background-position: left center; } #fa { background-image: url(../icons/flags/fa24.png); background-repeat:no-repeat; background-position: left center; } #zh-cn { background-image: url(../icons/flags/cn24.png); background-repeat:no-repeat; background-position: left center; } #zh-tw { background-image: url(../icons/flags/tw24.png); background-repeat:no-repeat; background-position: left center; } #id { background-image: url(../icons/flags/id24.png); background-repeat:no-repeat; background-position: left center; } #ro { background-image: url(../icons/flags/ro24.png); background-repeat:no-repeat; background-position: left center; } #pl { background-image: url(../icons/flags/pl24.png); background-repeat:no-repeat; background-position: left center; } #sk { background-image: url(../icons/flags/sk24.png); background-repeat:no-repeat; background-position: left center; } #sr { background-image: url(../icons/flags/sr24.png); background-repeat:no-repeat; background-position: left center; } .site-block .site-header.needs-review { cursor: not-allowed; opacity: 0.72; } /* Modern directory interface */ :root { --ink: #142333; --muted: #607080; --line: #dce5ee; --paper: #ffffff; --canvas: #f4f7fb; --navy: #102638; --blue: #1d74d8; --teal: #f9ba6f; --amber: #e1b68f; --red: #6a5359; } html { background: var(--canvas); } body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; } nav { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: none; height: 58px; padding: 0 max(24px, calc((100vw - 1180px) / 2)); background: var(--navy); color: #fff; } .nav-brand { display: block; font-size: 15px; font-weight: 800; letter-spacing: .02em; } .nav-brand span, header h1 span { color: #ffb347; } .language-switch { color: #d8e7f1; font-size: 13px; } header { box-sizing: border-box; min-height: 310px; padding: 66px max(24px, calc((100vw - 1180px) / 2)) 74px; background: radial-gradient(circle at 75% 20%, #1f5572 0, transparent 36%), linear-gradient(135deg, #102638, #18394c); color: #fff; text-align: left; } .hero-copy { max-width: 760px; } .hero-kicker, .section-kicker { margin: 0 0 14px; color: #ffb347; font-size: 11px; font-weight: 800; letter-spacing: .16em; } header h1 { margin: 0; font-size: clamp(40px, 7vw, 76px); line-height: .95; letter-spacing: -.055em; } .tagline { max-width: 640px; margin: 26px 0 0; color: #fff; font-size: clamp(20px, 3vw, 30px); font-weight: 800; line-height: 1.15; } .hero-note { max-width: 570px; margin: 18px 0 0; color: #bed0dd; line-height: 1.6; } .search { box-sizing: border-box; display: block; margin: -34px auto 0; position: relative; z-index: 2; max-width: 1180px; padding: 20px 24px; background: var(--paper); border: 1px solid rgba(17, 48, 70, .1); border-radius: 18px; box-shadow: 0 16px 36px rgba(16, 38, 56, .14); } .search .search-container { max-width: none; padding: 0; } .search .search-container input { box-sizing: border-box; width: 100%; min-height: 52px; padding: 0 18px; background: #f7fafc; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); font-size: 16px; } .search .search-container input:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(29,116,216,.12); } .search .search-container a { display: none; } .sort-container { display: flex; flex-wrap: wrap; gap: 9px; max-width: none; padding: 16px 0 0; text-align: left; } .sort-container button { padding: 9px 14px; background: #fff; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; } .sort-container button:hover, .sort-container button.active { background: #eaf3ff; border-color: #9bc3ed; color: #145cae; } .main { box-sizing: border-box; max-width: 1600px; margin: 0 auto; padding: 42px 24px 80px; } .directory-intro { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; margin-bottom: 42px; padding: 30px; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; } .directory-intro h2 { margin: 0; font-size: clamp(25px, 4vw, 38px); letter-spacing: -.035em; } .directory-intro p:not(.section-kicker) { max-width: 670px; margin: 12px 0 0; color: var(--muted); line-height: 1.6; } .trust-summary { display: grid; gap: 9px; min-width: 190px; } .trust-summary span { padding: 10px 13px; background: #f2f8fb; border-radius: 9px; color: var(--muted); font-size: 12px; } .trust-summary strong { color: var(--teal); } .directory-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .toolbar-heading { display: flex; align-items: baseline; gap: 12px; } .toolbar-note { color: var(--muted); font-size: 13px; } .sites { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .site-block { width: auto; min-height: 170px; margin: 0; padding: 0 0 17px; overflow: hidden; background: var(--paper); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 5px 14px rgba(16, 38, 56, .05); transition: transform .18s ease, box-shadow .18s ease; } .site-block:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(16, 38, 56, .11); } .site-header, .site-block .site-header.needs-review { display: flex; align-items: center; min-height: 66px; box-sizing: border-box; padding: 15px 17px; border: 0; border-radius: 0; color: #fff !important; font-size: 17px; font-weight: 800; line-height: 1.15; text-decoration: none; } .site-block.easy .site-header { background: var(--teal); } .site-block.medium .site-header { background: var(--amber); } .site-block.hard .site-header { background: var(--red); } .site-block.impossible .site-header { background: #5e6874; } .site-block .site-header.needs-review { background: #7b8792; } .site-difficulty { margin: 17px 17px 8px; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .tooltip-toggle { margin: 0 17px; color: #285d8d; font-size: 13px; line-height: 1.45; } .tooltip-content { display: none; margin: 12px 17px 0; padding: 12px; background: #f4f7fb; border-radius: 9px; color: var(--muted); font-size: 13px; line-height: 1.5; } .tooltip-content a { color: var(--blue); } .no-results { grid-column: 1 / -1; display: none; padding: 24px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; color: var(--muted); text-align: center; } @media (max-width: 980px) { .sites { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 700px) { header { min-height: 280px; padding-top: 52px; } .directory-intro { grid-template-columns: 1fr; padding: 24px; } .trust-summary { grid-template-columns: repeat(3, 1fr); min-width: 0; } .sites { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { nav { padding: 0 18px; } .main { padding: 30px 16px 60px; } .search { margin: -24px 16px 0; padding: 16px; } .directory-toolbar, .toolbar-heading { display: block; } .toolbar-note { display: block; margin-top: 6px; } .trust-summary { grid-template-columns: 1fr; } .sites { grid-template-columns: 1fr; } } /* Global network atmosphere and action-first service cards */ body { position: relative; isolation: isolate; } body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 12% 18%, rgba(41, 183, 177, .13), transparent 23%), radial-gradient(circle at 88% 66%, rgba(56, 110, 214, .12), transparent 26%), linear-gradient(rgba(38, 103, 145, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(38, 103, 145, .055) 1px, transparent 1px); background-size: auto, auto, 42px 42px, 42px 42px; transform: perspective(900px) rotateX(58deg) scale(1.7) translateY(15%); transform-origin: center bottom; opacity: .8; } body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(244,247,251,.68), rgba(244,247,251,.94) 48%, #f4f7fb 100%); } .site-block { min-height: 0; padding: 0; } .site-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px 17px 14px; background: rgba(255,255,255,.9); } .site-identity { display: flex; align-items: center; gap: 10px; min-width: 0; } .site-globe { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #b8d9df; border-radius: 50%; color: var(--teal); font-size: 24px; line-height: 1; } .site-label { display: block; margin-bottom: 4px; color: #8a98a5; font-size: 9px; font-weight: 800; letter-spacing: .14em; } .site-block .site-header { display: block; min-height: 0; margin: 0; padding: 0; background: transparent !important; border: 0; color: var(--ink) !important; font-size: 16px; line-height: 1.2; } .site-difficulty { flex: 0 0 auto; margin: 0; padding: 6px 9px; border-radius: 999px; font-size: 10px; line-height: 1; letter-spacing: .04em; text-transform: none; } .site-block.easy .site-difficulty { background: #fff0d8; color: #a45b13; } .site-block.medium .site-difficulty { background: #fff1d7; color: #a86608; } .site-block.hard .site-difficulty { background: #fbe3e3; color: #a83f3f; } .site-block.impossible .site-difficulty { background: #e7ebef; color: #586575; } .site-card-body { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 17px 17px; } .site-description { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.35; } .site-card-actions { flex: 0 0 auto; } .site-open-link { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #a9c8e9; border-radius: 8px; background: #eef6ff; color: #145cae; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; } .site-open-link:hover { background: #dcecff; border-color: #76a9df; } .site-open-link.disabled { background: #f0f2f4; border-color: #d6dde3; color: #7b8792; cursor: not-allowed; } .site-card-details { padding: 0 17px 16px; } .site-card-details .tooltip-toggle { display: inline-block; margin: 0; } .site-card-details .tooltip-content { margin: 0 0 10px; } .site-block .meta { display: none; } @media (max-width: 700px) { .site-card-body { align-items: flex-start; flex-direction: column; } } /* Live 4K-ready motion layer */ @keyframes networkDrift { 0% { transform: perspective(900px) rotateX(58deg) scale(1.7) translate3d(-2%, 15%, 0); background-position: 0 0, 0 0, 0 0, 0 0; } 50% { transform: perspective(900px) rotateX(58deg) scale(1.7) translate3d(2%, 12%, 0); background-position: 0 0, 0 0, 42px 24px, 24px 42px; } 100% { transform: perspective(900px) rotateX(58deg) scale(1.7) translate3d(-2%, 15%, 0); background-position: 0 0, 0 0, 84px 48px, 48px 84px; } } @keyframes ambiencePulse { 0% { opacity: .86; } 50% { opacity: .72; } 100% { opacity: .94; } } @keyframes heroLights { 0% { transform: translate3d(-4%, 0, 0) scale(1); opacity: .72; } 50% { transform: translate3d(5%, 4%, 0) scale(1.08); opacity: .95; } 100% { transform: translate3d(-4%, 0, 0) scale(1); opacity: .72; } } body::before { animation: networkDrift 28s ease-in-out infinite; will-change: transform, background-position; } body::after { animation: ambiencePulse 13s ease-in-out infinite; } header { position: relative; overflow: hidden; } header::before { content: ""; position: absolute; inset: -35%; pointer-events: none; background: radial-gradient(circle at 20% 35%, rgba(58, 219, 199, .24), transparent 18%), radial-gradient(circle at 78% 20%, rgba(60, 133, 255, .23), transparent 22%), radial-gradient(circle at 65% 88%, rgba(37, 193, 211, .16), transparent 19%); filter: blur(18px); animation: heroLights 18s ease-in-out infinite; } header .hero-copy { position: relative; z-index: 1; } @media (prefers-reduced-motion: reduce) { body::before, body::after, header::before { animation: none; } } /* Top navigation, Quick Access, media frame, and supplied live wallpaper */ html { scroll-behavior: smooth; } html::-webkit-scrollbar { width: 12px; } html::-webkit-scrollbar-track { background: #0d1f2f; } html::-webkit-scrollbar-thumb { background: #ff9d43; border: 3px solid #0d1f2f; border-radius: 999px; } .live-wallpaper { position: fixed; inset: 0; z-index: -4; width: 100%; height: 100%; object-fit: cover; opacity: .25; filter: saturate(.8) contrast(1.04); pointer-events: none; } html { background: #0d2b3d; } body { background: transparent; } body::after { background: linear-gradient(180deg, rgba(7, 28, 43, .12), rgba(7, 28, 43, .28) 48%, rgba(7, 28, 43, .42) 100%); } section.main, section.adsense { background: transparent; } nav { position: sticky; top: 0; z-index: 20; height: 72px; padding: 0 max(18px, calc((100vw - 1180px) / 2)); background: rgba(9, 27, 43, .94); backdrop-filter: blur(14px); } .nav-shell { display: flex; align-items: center; gap: 22px; width: 100%; max-width: 1180px; margin: 0 auto; } .nav-brand { flex: 0 0 auto; } .top-search { display: flex; align-items: center; gap: 10px; flex: 1 1 420px; max-width: 520px; min-height: 42px; padding: 0 12px; background: rgba(2, 15, 27, .68); border: 1px solid rgba(170, 207, 228, .16); border-radius: 9px; } .search-icon { color: #7cc5d8; font-size: 25px; line-height: 1; } .top-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #f5fbff; font: inherit; font-size: 14px; } .top-search input::placeholder { color: #7791a8; } .top-search-clear { display: none; padding: 0; border: 0; background: transparent; color: #79b1d2; font: inherit; font-size: 12px; cursor: pointer; } .top-search.has-value .top-search-clear { display: block; } .donate-button { display: inline-flex; align-items: center; border: 1px solid rgba(225, 182, 143, .55); border-radius: 7px; padding: 9px 13px; background: transparent; color: #fff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; text-decoration: none; white-space: nowrap; } .donate-button:hover, .donate-button:focus-visible { background: rgba(225, 182, 143, .18); outline: 0; } .donate-modal { display: none; position: fixed; inset: 0; z-index: 110; place-items: center; padding: 18px; background: rgba(0, 0, 0, .72); } .donate-modal.is-open { display: grid; } .donate-modal-card { position: relative; width: min(420px, 100%); box-sizing: border-box; padding: 28px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #101c28; color: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.5); text-align: center; } .donate-modal-card h2 { margin: 0 0 8px; color: #fff; } .donate-modal-card p { color: #b9ceda; } .donate-modal-close { position: absolute; top: 8px; right: 12px; border: 0; background: transparent; color: #c7d7df; font-size: 26px; cursor: pointer; } .stripe-donate-link { display: inline-flex; align-items: center; justify-content: center; min-width: 170px; padding: 11px 16px; border-radius: 7px; background: #635bff; color: #fff; font-weight: 800; text-decoration: none; } .stripe-donate-link:hover, .stripe-donate-link:focus-visible { background: #5148e8; color: #fff; outline: 0; } .quick-access { display: inline-flex; align-items: center; gap: 8px; padding: 11px 13px; border: 0; background: transparent; color: #bcd0e2; font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; } .quick-access:hover, .quick-access[aria-expanded="true"] { color: #fff; } kbd { padding: 3px 6px; border: 1px solid rgba(193, 223, 239, .28); border-radius: 4px; color: #b9d8eb; font: inherit; font-size: 10px; } .quick-panel { display: none; position: absolute; top: calc(100% + 8px); left: 50%; z-index: 40; box-sizing: border-box; width: min(480px, calc(100vw - 28px)); padding: 14px; transform: translateX(-50%); background: rgba(12, 31, 48, .98); border: 1px solid rgba(160, 213, 225, .18); border-radius: 11px; box-shadow: 0 18px 46px rgba(4, 18, 30, .35); } .quick-panel.is-open { display: block; } .quick-panel-search { display: flex; align-items: center; gap: 8px; padding: 2px 3px 13px; border-bottom: 1px solid rgba(184, 215, 230, .14); color: #ecf8ff; font-size: 13px; } .quick-panel-search kbd { margin-left: auto; } .quick-panel .sort-container { display: flex; gap: 9px; padding: 15px 0 13px; } .quick-panel .sort-container button { background: rgba(231, 244, 249, .96); border-color: transparent; color: #182a3a; } .quick-panel .sort-container button:hover { background: #fff; color: #0e79a0; } .quick-hint { margin: 0; color: #7894aa; font-size: 11px; } .quick-hint kbd { margin-right: 4px; } header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 470px); gap: clamp(35px, 7vw, 100px); align-items: center; min-height: 440px; margin: 0 auto; padding: 70px max(24px, calc((100vw - 1180px) / 2)) 86px; background: linear-gradient(125deg, rgba(11, 38, 54, .94), rgba(18, 73, 96, .83)); } .hero-copy { max-width: 660px; } .hero-frame { width: 100%; padding: 10px; background: rgba(239, 249, 252, .95); border-radius: 18px; box-shadow: 0 20px 48px rgba(5, 25, 40, .3); transform: rotate(1deg); } .hero-frame-media { position: relative; height: 250px; overflow: hidden; border-radius: 12px; background: #102a3c; } .hero-slide { display: none; position: absolute; inset: 0; } .hero-slide.active { display: block; } .hero-slide img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.78); } .hero-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 74px; height: 74px; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(25, 31, 37, .68); color: #fff; font-size: 25px; text-indent: 4px; } .hero-slide-caption { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 3px; padding: 30px 18px 16px; background: linear-gradient(transparent, rgba(3, 18, 30, .9)); color: #fff; font-size: 12px; } .hero-slide-caption strong { font-size: 14px; } .hero-slide-guide, .hero-slide-finish { box-sizing: border-box; padding: 38px 34px; background: radial-gradient(circle at 85% 20%, rgba(255, 157, 67, .65), transparent 28%), linear-gradient(135deg, #113148, #126987); color: #fff; } .hero-slide-finish { background: radial-gradient(circle at 15% 18%, rgba(112, 155, 255, .75), transparent 30%), linear-gradient(135deg, #15294d, #164c6a); } .hero-slide-guide strong, .hero-slide-finish strong { display: block; max-width: 240px; margin: 42px 0 12px; font-size: 30px; line-height: 1.05; } .hero-slide-guide > span:last-child, .hero-slide-finish > span:last-child { display: block; max-width: 260px; color: #c4e0ea; line-height: 1.5; } .slide-number { color: #ffb347; font-size: 12px; font-weight: 800; letter-spacing: .15em; } .hero-frame-footer { display: flex; align-items: center; justify-content: space-between; padding: 11px 5px 1px; color: #527185; font-size: 10px; font-weight: 800; letter-spacing: .13em; } .hero-frame-dots { display: flex; gap: 5px; } .hero-frame-dots button { width: 18px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: #c5d9e0; cursor: pointer; } .hero-frame-dots button.active { background: #ff9d43; } @media (max-width: 900px) { .nav-shell { gap: 12px; } .top-search { max-width: none; } .quick-access span { display: none; } header { grid-template-columns: 1fr; gap: 34px; min-height: 0; padding-top: 54px; } .hero-frame { max-width: 520px; justify-self: center; transform: none; } } @media (max-width: 560px) { nav { height: 62px; padding: 0 13px; } .nav-shell { gap: 7px; } .nav-brand { font-size: 13px; } .top-search { min-height: 38px; padding: 0 8px; } .top-search input { font-size: 12px; } .language-switch { display: none; } .quick-access { padding: 8px 5px; } .quick-panel { top: calc(100% + 4px); } header { padding: 43px 18px 54px; } header h1 { font-size: 52px; } .tagline { font-size: 23px; } .hero-frame-media { height: 190px; } .hero-slide-guide strong, .hero-slide-finish strong { font-size: 24px; } .live-wallpaper { opacity: .34; } } /* Reference-style service tiles */ .hero-frame { transform: none; } .sites { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 28px 16px; } .site-block { min-height: 0; padding: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .site-block:hover { transform: none; box-shadow: none; } .service-visual { box-sizing: border-box; min-height: 214px; padding: 7px; overflow: hidden; background: #626d76; border: 1px solid #4b5963; border-radius: 11px; box-shadow: 0 7px 16px rgba(19, 34, 48, .16); } .service-visual-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 31px; padding: 6px 7px 0; background: #626d76; } .q-link { color: #1b83a1; font-size: 11px; font-weight: 900; letter-spacing: .05em; } .site-difficulty { flex: 0 0 auto; margin: 0; padding: 5px 8px; border-radius: 5px; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: 0; text-transform: none; } .site-block.easy .site-difficulty { background: #fff0d8; color: #a45b13; } .site-block.medium .site-difficulty { background: #fff0d3; color: #a56507; } .site-block.hard .site-difficulty { background: #f9dddd; color: #a24141; } .site-block.impossible .site-difficulty { background: #e6eaee; color: #596673; } .service-visual-center { position: relative; min-height: 166px; overflow: hidden; background: radial-gradient(circle at 72% 22%, rgba(255, 179, 71, .34), transparent 18%), radial-gradient(circle at 28% 72%, rgba(44, 139, 177, .42), transparent 34%), linear-gradient(145deg, rgba(15, 46, 67, .95), rgba(19, 28, 42, .92)); border-radius: 7px; } .service-visual-center::before { content: ''; position: absolute; inset: 18% 20%; border: 1px solid rgba(255, 179, 71, .32); border-radius: 50%; box-shadow: 0 0 0 14px rgba(255, 179, 71, .06), 0 0 0 28px rgba(255, 179, 71, .035); transform: rotate(-18deg) scaleX(1.25); } .service-visual-center::after { content: ''; position: absolute; left: 12%; right: 12%; top: 49%; border-top: 1px solid rgba(184, 215, 230, .2); box-shadow: 0 -28px 0 rgba(184, 215, 230, .12), 0 28px 0 rgba(184, 215, 230, .12); transform: rotate(-14deg); } .site-card-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-height: 58px; padding: 11px 2px 0; } .site-block .site-header { display: -webkit-box; flex: 1 1 auto; min-height: 38px; margin: 0; padding: 0; overflow: hidden; border: 0; background: transparent !important; color: #cbd8e4 !important; font-size: 13px; font-weight: 700; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .site-block.easy .site-header, .site-block.medium .site-header, .site-block.hard .site-header, .site-block.impossible .site-header { border: 0; background: transparent !important; } .site-open-link { flex: 0 0 auto; padding: 7px 9px; border-radius: 6px; background: #19354b; border: 1px solid #2f5870; color: #ffb347; font-size: 10px; } .site-open-link:hover { background: #214861; border-color: #ff9d43; } .site-open-link.disabled { background: #46535e; border-color: #5b6871; color: #b5c0c8; } .site-card-details { display: none; } @media (max-width: 1100px) { .sites { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (max-width: 850px) { .sites { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 14px; } } @media (max-width: 650px) { .sites { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 12px; } .service-visual { min-height: 194px; } .service-visual-center { min-height: 146px; } } @media (max-width: 520px) { .sites { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; } } /* SparksUnlink logo palette: ink, cream, peach, sand, and mauve. */ :root { --logo-ink: #0a1117; --logo-cream: #fbe8c5; --logo-peach: #f9ba6f; --logo-sand: #e1b68f; --logo-mauve: #6a5359; --logo-slate: #182937; } body { color: var(--logo-cream); } body::after { background: linear-gradient(180deg, rgba(10, 17, 23, .72), rgba(10, 17, 23, .84)); } nav { background: rgba(10, 17, 23, .94); border-bottom-color: rgba(225, 182, 143, .2); } .nav-brand span, header h1 span, .hero-kicker, .section-kicker, .slide-number { color: var(--logo-peach); } header { background: linear-gradient(125deg, rgba(10, 17, 23, .95), rgba(58, 42, 48, .86)); } .top-search, .quick-panel { background: rgba(24, 41, 55, .94); border-color: rgba(225, 182, 143, .28); } .search-icon, .top-search-clear { color: var(--logo-peach); } .quick-access, .quick-hint { color: var(--logo-cream); } kbd { border-color: rgba(251, 232, 197, .35); color: var(--logo-sand); } .sort-container button, .quick-panel .sort-container button { background: var(--logo-cream); border-color: var(--logo-sand); color: var(--logo-ink); } .sort-container button:hover, .sort-container button.active, .quick-panel .sort-container button:hover { background: var(--logo-peach); border-color: var(--logo-peach); color: var(--logo-ink); } .service-visual { background: var(--logo-mauve); border-color: var(--logo-sand); } .service-visual-top { background: var(--logo-mauve); } .q-link { color: var(--logo-cream); } .site-block.easy .site-difficulty { background: var(--logo-peach); color: var(--logo-ink); } .site-block.medium .site-difficulty { background: var(--logo-cream); color: var(--logo-ink); } .site-block.hard .site-difficulty { background: var(--logo-mauve); color: var(--logo-cream); } .site-block.impossible .site-difficulty { background: var(--logo-slate); color: var(--logo-cream); border: 1px solid rgba(251, 232, 197, .32); } .service-visual-center { background: #000; } .service-visual-center::before, .service-visual-center::after { display: none; } .site-block .site-header { color: var(--logo-cream) !important; } .site-open-link { background: var(--logo-slate); border-color: var(--logo-sand); color: var(--logo-cream); } .site-open-link:hover { background: var(--logo-mauve); border-color: var(--logo-peach); } .site-open-link.disabled { background: rgba(106, 83, 89, .72); border-color: rgba(251, 232, 197, .24); color: var(--logo-sand); } html::-webkit-scrollbar-thumb { background: var(--logo-peach); border-color: var(--logo-ink); } @media (max-width: 420px) { .sites { grid-template-columns: 1fr !important; gap: 18px; } .service-visual { min-height: 214px; } .service-visual-center { min-height: 166px; } } /* Anikoto-style bottom service frames: fixed poster proportions, lower metadata strip, and evenly aligned titles. */ .service-visual { position: relative; min-height: 0; padding: 0; background: #142030; border: 0; border-radius: 5px; box-shadow: none; } .service-poster { width: 100%; aspect-ratio: 137.484 / 192.469; background-color: #203246; background-position: center; background-size: cover; border-radius: 5px 5px 0 0; } .service-poster-link { display: block; color: inherit; text-decoration: none; } .service-poster-link:hover .service-poster { filter: brightness(1.12); } .service-visual-meta { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 25px; box-sizing: border-box; padding: 3px 5px; background: #142030; border-radius: 0 0 5px 5px; } .service-visual-top, .service-visual-center { display: none; } .q-link { color: var(--logo-cream); font-size: 9px; line-height: 1; letter-spacing: .04em; } .site-difficulty { max-width: 70%; overflow: hidden; margin: 0; padding: 3px 5px; border-radius: 3px; font-size: 8px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; } .site-card-footer { min-height: 45px; padding: 10px 0 0; gap: 6px; } .site-block .site-header { min-height: 34px; font-size: 12px; line-height: 1.25; } .site-open-link { padding: 5px 6px; border-radius: 4px; font-size: 8px; line-height: 1; white-space: nowrap; } @media (max-width: 650px) { .service-visual-meta { min-height: 23px; } .site-card-footer { padding-top: 8px; } .site-block .site-header { font-size: 11px; } } /* Match the reference grid rhythm: six equal poster frames across the desktop service area. */ .sites { grid-template-columns: repeat(6, minmax(0, 1fr)); } .site-block .site-difficulty { max-width: 70%; overflow: hidden; margin: 0; padding: 3px 5px; border: 0; border-radius: 3px; font-size: 8px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 900px) { .sites { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 650px) { .sites { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 520px) { .sites { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 420px) { .nav-shell { gap: 5px; padding-right: 8px; padding-left: 8px; } .nav-brand { font-size: 17px; letter-spacing: -.07em; } .top-search { min-width: 0; flex-basis: 0; padding-right: 6px; padding-left: 6px; } .search-icon { font-size: 19px; } .quick-access { padding-right: 2px; padding-left: 2px; } .sites { grid-template-columns: 1fr; gap: 18px; } header h1 { font-size: 32px; } .hero-frame-media { height: 240px; } .hero-copy { right: 18px; bottom: 38px; left: 18px; } .hero-copy .tagline { font-size: 13px; } } @media (max-width: 420px) { .nav-shell { gap: 5px; padding-right: 8px; padding-left: 8px; } .nav-brand { font-size: 17px; letter-spacing: -.07em; } .top-search { min-width: 0; flex-basis: 0; padding-right: 6px; padding-left: 6px; } .search-icon { font-size: 19px; } .quick-access { padding-right: 2px; padding-left: 2px; } .sites { grid-template-columns: 1fr; gap: 18px; } header h1 { font-size: 32px; } .hero-frame-media { height: 240px; } .hero-copy { right: 18px; bottom: 38px; left: 18px; } .hero-copy .tagline { font-size: 13px; } } /* Local admin editor: Ctrl+Q opens the password gate; visitor links remain unchanged. */ .admin-edit-button, .admin-dashboard, .admin-login, .admin-editor { display: none; } .admin-mode .admin-edit-button { display: block; position: absolute; top: 9px; right: 9px; z-index: 8; padding: 6px 9px; border: 0; border-radius: 5px; background: #d9363e; color: #fff; font: 800 11px/1 Arial, sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.32); } .admin-mode .admin-edit-button:hover { background: #f04a51; } .admin-dashboard.is-open { display: block; position: fixed; top: 64px; right: 18px; z-index: 50; width: min(420px, calc(100vw - 36px)); } .admin-dashboard-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(8,15,22,.96); color: #fff; box-shadow: 0 16px 35px rgba(0,0,0,.35); } .admin-dashboard-status { display: block; margin-top: 4px; color: #a9c1cf; font-size: 11px; } .admin-dashboard-actions { display: flex; align-items: center; gap: 7px; } .admin-hero-button { border: 0; border-radius: 6px; padding: 8px 10px; background: #2f9ec4; color: #fff; font-size: 11px; font-weight: 800; cursor: pointer; } .admin-close-button, .admin-editor-actions button, .admin-login-form button { border: 0; border-radius: 6px; padding: 9px 12px; background: #d9363e; color: #fff; font-weight: 800; cursor: pointer; } .admin-login.is-open, .admin-editor.is-open { display: grid; position: fixed; inset: 0; z-index: 100; place-items: center; padding: 18px; background: rgba(0,0,0,.72); } .admin-login-card, .admin-editor-card { position: relative; box-sizing: border-box; width: min(620px, 100%); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #101c28; color: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.5); } .admin-login-card h2, .admin-editor-card h2 { margin: 0 0 8px; color: #fff; } .admin-login-card p, .admin-editor-card p { color: #b9ceda; } .admin-kicker { margin: 0 0 8px !important; color: #e46e58 !important; font-size: 11px; font-weight: 900; letter-spacing: .12em; } .admin-login-close, .admin-editor-close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; color: #c7d7df; font-size: 26px; cursor: pointer; } .admin-login-form, .admin-editor-form { display: grid; gap: 11px; } .admin-login-form label, .admin-editor-form label { display: grid; gap: 5px; color: #dceaf1; font-size: 12px; font-weight: 700; } .admin-login-form input, .admin-editor-form input, .admin-editor-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #405364; border-radius: 6px; padding: 10px; background: #08131e; color: #fff; font: inherit; } .admin-editor-form input[type="file"], .admin-hero-form input[type="file"] { padding: 7px; cursor: pointer; } .admin-login-error { min-height: 16px; margin: 0 !important; color: #ff8484 !important; font-size: 12px; } .admin-editor-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; } .admin-editor-actions .admin-editor-reset { background: #53616d; } .admin-hero-editor { display: none; } .admin-hero-editor.is-open { display: grid; position: fixed; inset: 0; z-index: 100; place-items: center; padding: 18px; background: rgba(0,0,0,.72); } .admin-hero-editor-card { position: relative; box-sizing: border-box; width: min(650px, 100%); max-height: calc(100vh - 36px); overflow: auto; padding: 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: #101c28; color: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.5); } .admin-hero-editor-card h2 { margin: 0 0 8px; color: #fff; } .admin-hero-editor-card > p:not(.admin-kicker) { color: #b9ceda; } .admin-hero-editor-close { position: absolute; top: 10px; right: 12px; border: 0; background: transparent; color: #c7d7df; font-size: 26px; cursor: pointer; } .admin-hero-preview { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 14px 0; } .admin-hero-preview img { width: 100%; aspect-ratio: 16/9; border-radius: 6px; background: #07121c; object-fit: cover; object-position: center; } .admin-hero-form { display: grid; gap: 10px; } .admin-hero-form label { display: grid; gap: 5px; color: #dceaf1; font-size: 12px; font-weight: 700; } .admin-hero-form input { box-sizing: border-box; width: 100%; border: 1px solid #405364; border-radius: 6px; padding: 10px; background: #08131e; color: #fff; font: inherit; } .admin-mode .service-poster-link, .admin-mode .site-title-link, .admin-mode .site-open-link { cursor: default; } /* The supplied Google and Amazon artwork fills the screen; the logos stay unframed. */ .service-poster { background-size: cover; background-position: center; } .service-poster .service-logo { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .service-poster { animation: frame-breathe 12s ease-in-out infinite; transform: translateZ(0); } .service-poster:hover { animation-play-state: paused; } @keyframes frame-breathe { 0%, 100% { background-position: 50% 50%; } 50% { background-position: 53% 47%; } } .service-logo, .admin-preview-logo { object-fit: contain; object-position: center; image-rendering: auto; mix-blend-mode: normal; } .admin-editor-preview-label { margin: 0 0 6px; color: #a9c1cf; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .admin-editor-preview { margin-bottom: 15px; padding: 7px; min-height: 164px; } .admin-editor-preview .service-poster { display: grid; place-items: center; min-height: 126px; border-radius: 6px 6px 0 0; background: #000; background-position: center; background-size: cover; } .admin-editor-preview .admin-preview-logo { width: 72%; max-height: 108px; } .admin-editor-preview .service-logo-fallback { width: 72%; } .admin-preview-name { display: block; padding: 8px 2px 0; color: #fff; font-size: 13px; } @media (max-width: 650px) { .admin-dashboard.is-open { top: 68px; right: 12px; width: calc(100vw - 24px); } .admin-login-card, .admin-editor-card { padding: 22px 18px; } .admin-hero-editor-card { padding: 22px 18px; } .admin-hero-preview { grid-template-columns: repeat(2, 1fr); } .admin-dashboard-actions { flex-wrap: wrap; justify-content: flex-end; } } @media (max-width: 650px) { header .hero-frame .hero-copy { top: auto; right: 24px; bottom: 48px; left: 24px; max-width: none; transform: none; } } @media (max-width: 420px) { .sites { grid-template-columns: 1fr; } } /* Real service identity treatment: use each site's live favicon inside a larger designed mark. */ .service-poster { position: relative; display: grid; place-items: center; background: #000 !important; } .service-poster::before, .service-poster::after { display: none; } .service-logo { position: relative; z-index: 1; display: block; width: 78%; max-width: none; aspect-ratio: 1; object-fit: contain; padding: 0; border-radius: 0; background: transparent; box-shadow: none; image-rendering: auto; } .service-visual-meta { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; background: #000 !important; } .service-visual, .service-visual-meta { background: #000 !important; } .service-visual { cursor: pointer; } .admin-mode .service-visual { cursor: default; } .q-link { justify-self: start; } .site-open-link { position: absolute; top: 8px; left: 8px; z-index: 4; padding: 0; border: 0; background: transparent !important; color: #fff !important; font-size: 10px; font-weight: 800; line-height: 1.2; text-decoration: none; text-shadow: 0 1px 4px rgba(0,0,0,.7); } .site-open-link:hover { color: #fff !important; text-decoration: underline; } .site-difficulty { justify-self: end; } .site-card-footer { min-height: 38px; } .site-block .site-header { min-height: 31px; } .site-title-link:hover { color: var(--logo-peach) !important; text-decoration: underline; } /* Restore the gray action strip and improve title contrast under each frame. */ .service-visual-meta { background: #626d76 !important; color: #fff; } .site-block .site-header { color: #fff !important; font-weight: 800; } html, body { overflow-x: hidden; } /* Put the directory words inside the screen rather than outside it. */ header .hero-frame .hero-copy { position: absolute; top: 50%; left: clamp(34px, 5vw, 92px); z-index: 3; max-width: min(560px, 42%); transform: translateY(-50%); } .nav-brand .brand-initial, header h1 .brand-initial { color: #3eafd2 !important; } /* Reveal a small floating information popout when a frame is hovered or focused. */ .site-block { position: relative; } .site-card-details { display: block; position: absolute; top: 10px; left: 50%; z-index: 10; box-sizing: border-box; width: min(280px, calc(100vw - 24px)); max-height: none; overflow: visible; padding: 11px 12px; border: 1px solid rgba(126, 178, 210, .35); border-radius: 9px; background: rgba(13, 30, 47, .97); box-shadow: 0 14px 28px rgba(0, 0, 0, .34); opacity: 0; transform: translate(-50%, 8px); transition: opacity .18s ease, transform .18s ease; pointer-events: none; } .site-block:hover .site-card-details, .site-block:focus-within .site-card-details { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; } .site-block.info-popout-right .site-card-details { left: 0; transform: translateY(8px); } .site-block.info-popout-right:hover .site-card-details, .site-block.info-popout-right:focus-within .site-card-details { transform: translateY(0); } .site-block.info-popout-left .site-card-details { left: auto; right: 0; transform: translateY(8px); } .site-block.info-popout-left:hover .site-card-details, .site-block.info-popout-left:focus-within .site-card-details { transform: translateY(0); } .site-card-details .tooltip-toggle { display: none !important; } .site-card-details .tooltip-toggle, .site-card-details .tooltip-content { display: block; margin: 0; padding: 0; background: transparent; color: #c1d3e2; font-size: 10px; line-height: 1.35; } .site-card-details .tooltip-content { display: block; } .site-card-details .tooltip-toggle { color: #79c9eb; } .site-card-details .tooltip-content a { color: #79c9eb; } @media (max-width: 650px) { .site-card-details { top: auto; bottom: 42px; left: 50%; width: min(280px, calc(100vw - 32px)); transform: translate(-50%, 8px); } .site-block:hover .site-card-details, .site-block:focus-within .site-card-details { transform: translate(-50%, 0); } } /* Every frame receives a unique branded background from its service identity. */ .service-poster { overflow: hidden; isolation: isolate; background: linear-gradient(145deg, hsl(var(--brand-hue, 205) 78% 78% / .96), hsl(var(--brand-hue-2, 257) 68% 66% / .9)), #dcecff !important; } .service-poster::before { display: block; content: attr(data-service-name); position: absolute; right: -20%; bottom: 7%; z-index: 0; color: hsl(var(--brand-hue, 205) 82% 78% / .18); font-size: clamp(26px, 3.8vw, 68px); font-weight: 900; letter-spacing: .07em; line-height: .9; text-transform: uppercase; white-space: nowrap; transform: rotate(var(--brand-angle, -6deg)); pointer-events: none; } .service-poster::after { display: block; content: ''; position: absolute; inset: 0; z-index: 0; background: repeating-linear-gradient(135deg, transparent 0 17px, hsl(var(--brand-hue-2, 257) 55% 75% / .06) 18px 19px), linear-gradient(180deg, transparent 48%, rgba(2, 10, 18, .42)); pointer-events: none; } .service-logo { width: 72%; filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .42)); } .service-logo.logo-unavailable { display: none; } .service-logo-fallback { display: none; position: relative; z-index: 1; place-items: center; width: 72%; aspect-ratio: 1; color: #fff; font-size: clamp(24px, 4vw, 64px); font-weight: 900; letter-spacing: -.06em; text-shadow: 0 5px 14px rgba(0, 0, 0, .45); } .service-logo-fallback.is-visible { display: grid; } /* Anikoto-style shell: compact navigation, one wide screen, and an even service grid. */ nav { position: relative; z-index: 50; height: 64px; min-height: 64px; margin: 0; padding: 0; background: rgba(13, 27, 43, .96); border-bottom: 1px solid rgba(137, 177, 205, .08); } .nav-shell { box-sizing: border-box; width: min(1780px, 100%); height: 64px; min-height: 64px; margin: 0 auto; padding: 0 clamp(18px, 3.3vw, 64px); gap: clamp(12px, 1.8vw, 30px); } .nav-brand { font-size: clamp(20px, 2vw, 29px); letter-spacing: -.055em; } .nav-shell { justify-content: flex-start; max-width: none; padding-right: 18px; padding-left: 18px; } .nav-brand { margin-left: 0; } .language-switch { margin-left: auto; } .top-search { min-height: 36px; max-width: 640px; border-radius: 6px; } .quick-access { padding: 8px 10px; font-size: 13px; } .language-switch { padding-top: 6px; padding-bottom: 6px; } header { box-sizing: border-box; display: block; min-height: 0; margin: 0; padding: 38px clamp(18px, 3.3vw, 64px) 28px; background: transparent; text-align: left; } .hero-frame { position: relative; width: min(1780px, 100%); max-width: none; margin: 0 auto; padding: 0; background: transparent; border: 0; box-shadow: none; } .hero-frame-media { height: clamp(280px, 39vw, 520px); border-radius: 16px; background: #10263d; box-shadow: 0 18px 48px rgba(3, 15, 28, .28); } .hero-frame-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 24, 41, .94) 0%, rgba(9, 24, 41, .72) 30%, rgba(9, 24, 41, .08) 67%, rgba(9, 24, 41, .12) 100%); pointer-events: none; } .hero-slide img { filter: saturate(.92) brightness(.78); } .hero-slide-caption { display: flex; right: 5%; bottom: 13%; left: auto; max-width: 250px; padding: 18px 0 0; background: linear-gradient(transparent, rgba(8, 24, 41, .78)); color: #d7e7f3; } .hero-copy { position: absolute; top: 50%; left: clamp(34px, 5vw, 92px); z-index: 3; max-width: min(560px, 42%); transform: translateY(-50%); pointer-events: none; } .hero-copy .hero-kicker { margin-bottom: 14px; } header h1 { font-size: clamp(44px, 5vw, 78px); } .hero-copy .tagline { max-width: 500px; font-size: clamp(17px, 1.45vw, 24px); line-height: 1.15; } .hero-note { max-width: 470px; margin-top: 14px; font-size: 14px; } .hero-frame-footer { position: absolute; right: clamp(24px, 4vw, 74px); bottom: 18px; left: clamp(34px, 5vw, 92px); z-index: 4; padding: 0; color: #b3c7da; } .hero-frame-dots button { width: 9px; height: 9px; border-radius: 50%; background: #6a8094; } .hero-frame-dots button.active { background: #31a8d7; } .main { box-sizing: border-box; width: min(1780px, 100%); max-width: none; margin: 0 auto; padding: 8px clamp(18px, 3.3vw, 64px) 80px; } .adsense { display: none; } .sites { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 28px 16px; padding-top: 16px; } .service-visual { border: 0 !important; border-radius: 6px; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); } .service-poster { border-radius: 6px 6px 0 0; } .site-card-footer { padding-top: 9px; } .site-block .site-header { color: #fff !important; font-weight: 800; } @media (max-width: 1200px) { .sites { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (max-width: 900px) { .sites { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 650px) { nav, .nav-shell { height: 58px; min-height: 58px; } .nav-shell { padding: 0 12px; gap: 7px; } .nav-brand { font-size: 19px; } .top-search { min-height: 34px; padding: 0 8px; } .quick-access { padding: 7px 4px; } header { padding: 18px 12px 20px; } .hero-copy { position: absolute; top: auto; right: 24px; bottom: 48px; left: 24px; max-width: none; transform: none; } header h1 { font-size: 38px; } .hero-copy .tagline { font-size: 15px; } .hero-note { display: none; } .hero-frame-media { height: 300px; border-radius: 10px; } .hero-frame-footer { right: 24px; bottom: 16px; left: 24px; } .main { padding-right: 12px; padding-left: 12px; } .sites { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 12px; } .network-link-column-a { left: 4%; } .network-link-column-b { left: 52%; } .network-link-column-c { display: none; } } @media (max-width: 520px) { .sites { grid-template-columns: repeat(2, minmax(0, 1fr)); } }