/* The blue, black and red background of the existing pullfun.com. */
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(7,94,232,.38),transparent 30%),
    radial-gradient(circle at 92% 18%,rgba(255,22,56,.28),transparent 28%),
    radial-gradient(circle at 62% 92%,rgba(7,46,120,.36),transparent 34%),
    linear-gradient(145deg,#03050b,#070b16 45%,#050711);
  min-height:100vh;
}
.header{background:rgba(3,5,11,.18)}
.light-section{background:transparent;color:#fbfcff}
.interests{border-block:1px solid rgba(255,255,255,.09);padding-block:88px 46px}
.interests .dark-eyebrow{color:#b1bed6}
.interests .blue{color:#6aa7ff}
.section-intro{gap:65px;margin-bottom:35px}
.section-intro>p{color:#bac4d8;max-width:440px}
.interest-footer{border-color:rgba(255,255,255,.13);color:#aebbd2}
.interest-footer a{color:#e8f0ff}.interest-footer a:hover{color:#78afff}
.app-section{background:rgba(4,9,22,.25)}
.orbit-one{background:rgba(7,94,232,.2)}
.download-section{background:rgba(4,9,22,.18);color:#fbfcff;border-top:1px solid rgba(255,255,255,.1)}
.download-copy .dark-eyebrow{color:#acbad3}
.download-copy h2>span{color:#fbfcff}
.download-section .google-badge{background:#fbfcff;color:#05091d}
.download-section .google-badge:hover{background:#dbeaff}
.download-section .ios-badge{color:#c6d2e6;border-color:#566580}
.download-section .ios-badge:hover{background:rgba(255,255,255,.06);border-color:#8da5ce}
.download-section .ios-status{color:#a8b6cf}
.category-explorer{margin-bottom:30px}
.category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 17px}
.category-tabs[hidden]{display:none}
.category-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:76px;padding:14px 16px;border:1px solid rgba(159,181,224,.26);border-radius:12px;color:#c0cbe0;background:rgba(11,20,42,.62);font-weight:650;font-size:14px;transition:background .18s,border-color .18s,color .18s}
.category-tab>svg{width:25px;height:25px;stroke-width:1.5;color:#6aa7ff}
.category-tab>small{font-size:10px;font-weight:500;letter-spacing:.3px;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.055);color:#91a1bf}
.category-tab[aria-selected=true]{background:rgba(10,76,175,.38);border-color:#438bfa;color:#fff;box-shadow:inset 0 0 0 1px rgba(66,139,250,.22)}
.category-tab[aria-selected=true]>svg{color:#91bfff}
.category-tab[aria-selected=true]>small{background:rgba(132,181,255,.14);color:#c5ddff}
.category-tab:hover{border-color:#6b95d4;color:#fff;background:rgba(24,47,85,.7)}
.category-tab:focus-visible{outline:2px solid #c0d9ff;outline-offset:4px}
.category-panel{background:rgba(7,15,33,.72);border:1px solid rgba(145,168,215,.28);border-radius:18px;padding:34px 38px 25px;min-height:374px;box-shadow:0 16px 60px rgba(0,0,0,.12)}
.category-panel[hidden]{display:none}
.category-panel+.category-panel{margin-top:18px}
.category-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}
.category-slogan{color:#91a7ca;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 10px;line-height:1.7}
.category-panel h3{font-size:33px;letter-spacing:-1px;line-height:1.1;margin:0;font-weight:700;color:#fff}
.category-count{border:1px solid rgba(155,178,222,.25);border-radius:99px;padding:7px 12px;color:#a9bddc;font-size:11px;white-space:nowrap;flex-shrink:0}
.category-description{color:#b5c2d9;font-size:14px;line-height:1.8;margin:0 0 25px;max-width:760px}
.activity-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 28px;padding:0}
.activity-tags li{background:rgba(110,149,218,.085);border:1px solid rgba(141,171,225,.23);border-radius:7px;padding:9px 13px;color:#dbe7fc;font-size:13px;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
.category-panel-footer{border-top:1px solid rgba(155,178,220,.15);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8fa4c8}
.category-panel-footer a{color:#a4c9ff;font-size:12px;font-weight:600;display:flex;align-items:center;gap:13px;white-space:nowrap}
.category-panel-footer a:hover{color:white}
.category-panel-footer svg{width:18px;height:18px}
@media(max-width:1150px){.category-tabs{gap:9px}.category-tab{font-size:12px;padding-inline:10px;gap:8px}.category-tab>svg{width:23px;height:23px}.category-tab>small{font-size:9px}.category-panel{padding-inline:30px}.section-intro{gap:40px}}
@media(max-width:860px){.category-tab{flex-wrap:wrap;gap:6px 8px;padding:12px 8px;font-size:11px;min-height:85px}.category-tab>svg{width:23px;height:23px}.category-tab>span{flex-basis:100%;order:1;white-space:nowrap}.category-tab>small{margin-left:0}.category-panel{padding:28px 25px 23px}.category-panel h3{font-size:30px}.category-description{font-size:13px}.activity-tags{gap:8px}.activity-tags li{font-size:12px;padding:8px 11px}.category-panel-footer{font-size:10px}}
@media(max-width:640px){.interests{padding-block:58px 30px}.section-intro{margin-bottom:28px}.category-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:13px}.category-tab{grid-column:span 2;min-height:79px;padding:11px 8px;gap:6px;font-size:11px;border-radius:9px}.category-tab:nth-child(n+4){grid-column:span 3}.category-tab>svg{height:23px;width:23px}.category-tab>small{font-size:9px}.category-tab>span{flex-basis:100%}.category-panel{padding:24px 20px 21px;border-radius:13px;min-height:0}.category-panel-heading{align-items:flex-start;gap:15px;margin-bottom:15px}.category-panel h3{font-size:30px}.category-slogan{font-size:8px;letter-spacing:1px;line-height:1.8;margin-bottom:10px;max-width:205px}.category-count{font-size:9px;padding:6px 9px;margin-top:2px}.category-description{font-size:12px;line-height:1.9;margin-bottom:23px}.activity-tags{gap:8px;margin-bottom:25px}.activity-tags li{font-size:12px;padding:8px 10px}.category-panel-footer{display:block;line-height:1.8;padding-top:18px}.category-panel-footer a{margin-top:12px;font-size:12px;display:inline-flex}.category-explorer{margin-bottom:24px}.download-copy h2{font-size:48px}.download-copy h2>span{white-space:nowrap}.download-copy .inline-pull{color:#0669ff}.download-copy .inline-fun{color:#ff1738}}
@media(max-width:359px){.category-tab{font-size:10px;padding-inline:5px}.category-panel{padding:22px 16px 20px}.category-slogan{max-width:160px;font-size:7px}.category-count{font-size:8px;padding:5px 8px}.category-panel h3{font-size:28px}.activity-tags li{font-size:11px;padding:8px 9px}.download-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.category-tab{transition:none}}

/* Category colors matched to the five supplied app screenshots. */
#category-tab-sport,#category-panel-sport{--category-rgb:184,240,72}
#category-tab-outdoors,#category-panel-outdoors{--category-rgb:248,240,120}
#category-tab-recreation,#category-panel-recreation{--category-rgb:64,232,160}
#category-tab-entertainment,#category-panel-entertainment{--category-rgb:216,16,72}
#category-tab-relax,#category-panel-relax{--category-rgb:136,224,244}
.category-tab{color:rgb(var(--category-rgb));border-color:rgba(var(--category-rgb),.42);background:rgba(var(--category-rgb),.06)}
.category-tab>svg{color:rgb(var(--category-rgb))}
.category-tab>small{color:rgba(var(--category-rgb),.85);background:rgba(var(--category-rgb),.09)}
.category-tab[aria-selected=true]{color:rgb(var(--category-rgb));border-color:rgb(var(--category-rgb));background:rgba(var(--category-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--category-rgb),.32)}
.category-tab[aria-selected=true]>svg{color:rgb(var(--category-rgb))}
.category-tab[aria-selected=true]>small{color:rgb(var(--category-rgb));background:rgba(var(--category-rgb),.13)}
.category-tab:hover{color:rgb(var(--category-rgb));border-color:rgba(var(--category-rgb),.85);background:rgba(var(--category-rgb),.11)}
.category-tab:focus-visible{outline-color:rgb(var(--category-rgb))}
.category-panel{border-color:rgba(var(--category-rgb),.36)}
.category-panel h3{color:rgb(var(--category-rgb))}
.category-panel .category-slogan{color:rgba(var(--category-rgb),.8)}
.category-panel .category-count{color:rgb(var(--category-rgb));border-color:rgba(var(--category-rgb),.42)}
.category-panel .activity-tags li{color:rgb(var(--category-rgb));border-color:rgba(var(--category-rgb),.45);background:rgba(var(--category-rgb),.035)}
.category-panel .category-panel-footer{border-top-color:rgba(var(--category-rgb),.2)}
.category-panel .category-panel-footer a{color:rgb(var(--category-rgb))}
.category-panel .category-panel-footer a:hover{color:rgba(var(--category-rgb),.8)}