.creator-hub{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-geist-sans),Arial,sans-serif;color:#fff;background:#121018;line-height:normal}.creator-hub *{box-sizing:border-box}.creator-hub{background:radial-gradient(at 36% 28%,#4030592b,#0000 65%),linear-gradient(#ffffff03 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff03 1px,#0000 1px) 0 0/64px 64px,#121018;margin:0}.creator-hub a{color:inherit;text-decoration:none}.creator-hub .hub-shell{flex-direction:column;width:min(1120px,100% - 80px);min-height:100svh;margin:auto;display:flex}.creator-hub .intro{text-align:center;padding:52px 0 34px}.creator-hub .eyebrow{color:#b9a6fd;letter-spacing:.24em;justify-content:center;align-items:center;gap:15px;margin:0 0 18px;font-size:11px;font-weight:800;display:flex}.creator-hub .eyebrow:before,.creator-hub .eyebrow:after{content:"";background:#79669880;width:28px;height:1px}.creator-hub h1{letter-spacing:-.057em;margin:0;font-size:64px;font-weight:850;line-height:.96}.creator-hub h1 span{color:#e9e1ff}.creator-hub .subtitle{color:#b7afc3;margin:18px 0 0;font-size:14px}.creator-hub .cards{grid-template-rows:230px 230px;grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.creator-hub .card{isolation:isolate;border:1px solid #ffffff36;border-radius:23px;flex-direction:column;padding:25px 27px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #08070c,0 18px 26px #0002}.creator-hub .card:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#fff1,#0000 60%);position:absolute;inset:0}.creator-hub .patreon{background:#7856dc;border-color:#c9b3ff8c;grid-row:span 2;padding:30px 32px;box-shadow:0 4px #08070c,0 0 0 4px #ad8bff0a,0 18px 46px #7653dc1a}.creator-hub .patreon-art{object-fit:cover;object-position:47% 32%;z-index:-3;width:72%;height:100%;position:absolute;top:0;right:-5%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 39%);mask-image:linear-gradient(90deg,#0000 0%,#000 39%)}.creator-hub .patreon-shade{z-index:-2;background:linear-gradient(90deg,#7856dc 0%,#7856dcf0 21%,#7856dc75 46%,#7856dc00 72%),linear-gradient(#7654da00 58%,#6544cdcc 86%,#5837bd 100%);position:absolute;inset:0}.creator-hub .card-top{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.creator-hub .platform{letter-spacing:.13em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.creator-hub .platform svg{width:19px;height:14px}.creator-hub .open{color:#fff;letter-spacing:.06em;background:#241445c4;border:1px solid #ffffff52;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:750;display:flex}.creator-hub .open i{background:#b9ffc7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #b9ffc74d}.creator-hub .patreon-copy{margin-top:auto;margin-bottom:36px;position:relative}.creator-hub h2{letter-spacing:-.035em;margin:0;font-weight:850;line-height:1.02}.creator-hub .patreon h2{font-size:39px}.creator-hub .patreon-copy p{margin:13px 0 19px;font-size:16px;font-weight:550}.creator-hub .price{letter-spacing:.04em;background:#4e2da540;border:1px solid #e7dbffbd;border-radius:8px;align-items:center;min-height:34px;padding:7px 12px;font-size:14px;font-weight:750;display:inline-flex}.creator-hub .action{border-top:1px solid #ffffff36;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:750;display:flex;position:relative}.creator-hub .arrow{color:#fff;background:#2b152da8;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font:22px/1 Arial,sans-serif;display:grid;box-shadow:0 2px #0002}.creator-hub .main-action{color:#3a206e;background:#f9f5ff;border:1px solid #ffffff4a;border-radius:12px;min-height:54px;padding:10px 11px 10px 17px;font-size:14px;font-weight:800;box-shadow:0 4px 12px #2e165626}.creator-hub .main-action .arrow{color:#f9f5ff;width:32px;height:32px;box-shadow:none;background:#6541c3}.creator-hub .story{color:#301729;background:linear-gradient(130deg,#eeabc4,#df86aa)}.creator-hub .detail{letter-spacing:.04em;white-space:nowrap;opacity:.86;border:1px solid;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:750}.creator-hub .secondary-copy{z-index:2;max-width:calc(100% - 104px);margin-top:20px;position:relative}.creator-hub .secondary-copy h2{font-size:26px}.creator-hub .secondary-copy p{margin:9px 0 14px;font-size:12px;font-weight:550;line-height:1.4}.creator-hub .story .action{border-color:#3017292b}.creator-hub .book{object-fit:cover;object-position:top;border:1px solid #fff9;border-radius:5px;width:72px;height:96px;transition:transform .25s;position:absolute;top:69px;right:34px;transform:rotate(7deg);box-shadow:3px 4px #62244929,6px 10px 16px #53223a29}.creator-hub .youtube{background:radial-gradient(at 85% 30%,#da72823d,#0000 60%),linear-gradient(130deg,#b93855,#9e2945)}.creator-hub .youtube .secondary-copy{margin-top:30px}.creator-hub .youtube .secondary-copy h2{font-size:30px}.creator-hub .avatar{width:76px;height:76px;box-shadow:0 4px 0 #40112324,0 0 0 12px #fff05,0 0 0 25px #fff03;border:2px solid #fff9;border-radius:50%;transition:transform .25s;position:absolute;top:75px;right:31px;transform:rotate(-6deg)}.creator-hub .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.creator-hub footer{color:#afa7bc;background:0 0;justify-content:space-between;align-items:center;gap:25px;min-height:0;margin-top:auto;padding:30px 0 25px;display:flex}.creator-hub .logo{letter-spacing:-.06em;color:#fff;font-size:25px;font-weight:850}.creator-hub .logo span{color:#b699ff}.creator-hub footer p{color:#82798f;opacity:1;font-size:11px}.creator-hub footer nav{align-items:center;gap:20px;display:flex}.creator-hub footer nav a{font-size:11px}.creator-hub a:focus-visible{outline-offset:5px;outline:3px solid #f4e9ff}@media (hover:hover) and (pointer:fine){.creator-hub .card:hover{border-color:#ffffff9c;transform:translateY(-4px);box-shadow:0 4px #08070c,0 18px 30px #0003}.creator-hub .patreon:hover{box-shadow:0 4px #08070c,0 18px 46px #7653dc35}.creator-hub .card:hover .book{transform:rotate(3deg)}.creator-hub .card:hover .avatar{transform:rotate(0)}.creator-hub footer nav a:hover{color:#fff}}@media (min-width:1450px){.creator-hub .intro{padding-top:70px;padding-bottom:40px}.creator-hub .cards{grid-template-rows:246px 246px}.creator-hub h1{font-size:70px}}@media (max-width:1000px) and (min-width:761px){.creator-hub .hub-shell{width:calc(100% - 48px)}.creator-hub .cards{grid-template-columns:1.12fr 1fr}.creator-hub .card{padding:22px}.creator-hub .patreon h2{font-size:31px}.creator-hub .secondary-copy h2{font-size:23px}.creator-hub .secondary-copy{max-width:calc(100% - 74px)}.creator-hub .book{width:59px;height:79px;right:23px}.creator-hub .avatar{width:64px;height:64px;right:23px}.creator-hub .detail{font-size:9px}.creator-hub .platform{font-size:10px}}@media (max-width:760px){.creator-hub .hub-shell{width:min(480px,100% - 36px)}.creator-hub .intro{padding:34px 0 27px}.creator-hub .eyebrow{margin-bottom:16px;font-size:10px}.creator-hub h1{font-size:clamp(34px,10.25vw,52px)}.creator-hub .subtitle{margin-top:16px;font-size:12px}.creator-hub .cards{grid-template-rows:auto;grid-template-columns:1fr;gap:17px}.creator-hub .card{border-radius:20px;min-height:218px;padding:23px}.creator-hub .patreon{grid-row:auto;min-height:325px;padding:24px}.creator-hub .patreon h2{letter-spacing:-.035em;font-size:30px}.creator-hub .patreon-copy{margin-top:auto;margin-bottom:21px}.creator-hub .patreon-copy p{margin:10px 0 14px;font-size:14px}.creator-hub .price{min-height:30px;padding:6px 9px;font-size:12px}.creator-hub .patreon-art{object-position:46% 18%;width:77%;right:-14%}.creator-hub .patreon-shade{background:linear-gradient(90deg,#7856dc 0%,#7856dcba 28%,#7856dc00 80%),linear-gradient(#7654da00 35%,#6542cebf 81%,#6542ce 100%)}.creator-hub .main-action{min-height:49px;font-size:13px}.creator-hub .secondary-copy{max-width:calc(100% - 86px);margin-top:18px}.creator-hub .secondary-copy h2{font-size:24px}.creator-hub .secondary-copy p{margin-top:8px;margin-bottom:16px;font-size:12px}.creator-hub .detail{font-size:9px}.creator-hub .platform{font-size:10px}.creator-hub .book{width:64px;height:86px;top:70px;right:27px}.creator-hub .avatar{width:69px;height:69px;top:75px;right:25px}.creator-hub .youtube .secondary-copy{margin-top:28px}.creator-hub .youtube .secondary-copy h2{font-size:29px}.creator-hub .action{font-size:12px}.creator-hub .open{font-size:10px}.creator-hub footer{gap:14px;padding:29px 0 24px}.creator-hub .logo{font-size:24px}.creator-hub footer p{display:none}.creator-hub footer nav{gap:13px}.creator-hub footer nav a{font-size:10px}.creator-hub .main-action{margin-top:0}}@media (max-width:360px){.creator-hub .card{padding:20px}.creator-hub .patreon h2{font-size:26px}.creator-hub .patreon-copy p{font-size:13px}.creator-hub .platform{font-size:9px}.creator-hub .detail{font-size:8px}.creator-hub .secondary-copy{max-width:calc(100% - 74px)}.creator-hub .secondary-copy p{font-size:12px}.creator-hub .book{width:56px;height:75px;right:23px}.creator-hub .avatar{width:62px;height:62px;right:22px}.creator-hub .secondary-copy h2{font-size:22px}.creator-hub footer nav{gap:10px}.creator-hub footer nav a{font-size:9px}}@media (prefers-reduced-motion:reduce){.creator-hub *{transition:none!important}.creator-hub .card:hover,.creator-hub .card:hover .book,.creator-hub .card:hover .avatar{transform:none}}@media (max-width:760px){.creator-hub .hub-shell{width:min(480px,100% - 32px)}.creator-hub .intro{padding:20px 0 17px}.creator-hub .eyebrow{letter-spacing:.12em;margin:0 0 8px;font-size:18px}.creator-hub .eyebrow:before,.creator-hub .eyebrow:after{width:23px}.creator-hub .intro h1{letter-spacing:-.015em;color:#b7afc3;font-size:14px;font-weight:550;line-height:1.2}.creator-hub .intro h1 br{display:none}.creator-hub .intro h1 span{color:inherit}.creator-hub .intro h1 span:before{content:" "}.creator-hub .subtitle{display:none}.creator-hub .cards{grid-template-rows:repeat(3,clamp(150px,23.5svh,182px));grid-template-columns:1fr;gap:12px}.creator-hub .card,.creator-hub .patreon{border-radius:18px;grid-row:auto;height:100%;min-height:0;padding:15px 17px}.creator-hub .card-top{gap:10px;min-height:20px}.creator-hub .platform{letter-spacing:.11em;font-size:10px}.creator-hub .platform svg{width:18px;height:14px}.creator-hub .open{gap:5px;padding:4px 7px;font-size:9px}.creator-hub .detail{padding:4px 6px;font-size:9px}.creator-hub .patreon-copy{grid-template-columns:max-content max-content;align-items:center;gap:7px 10px;margin:11px 0 0;display:grid}.creator-hub .patreon h2{letter-spacing:-.04em;grid-column:1/-1;font-size:24px;line-height:1}.creator-hub .patreon-copy p{margin:0;font-size:12px;font-weight:550;line-height:1.2}.creator-hub .price{letter-spacing:.015em;border-radius:5px;min-height:23px;padding:4px 6px;font-size:10px}.creator-hub .patreon-art{object-position:50% 26%;width:65%;height:100%;right:-10%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 44%);mask-image:linear-gradient(90deg,#0000,#000 44%)}.creator-hub .patreon-shade{background:linear-gradient(90deg,#7856dc 0%,#7856dedb 30%,#7856de26 76%),linear-gradient(#6846d200 20%,#6846d2bb 76%,#6846d2 100%)}.creator-hub .secondary-copy,.creator-hub .youtube .secondary-copy{max-width:calc(100% - 69px);margin-top:10px}.creator-hub .secondary-copy h2,.creator-hub .youtube .secondary-copy h2{letter-spacing:-.035em;font-size:22px;line-height:.98}.creator-hub .secondary-copy p{margin:6px 0 0;font-size:12px;line-height:1.2}.creator-hub .book{border-radius:4px;width:50px;height:67px;top:46px;right:22px;box-shadow:3px 3px #62244929,4px 6px 12px #53223a20}.creator-hub .avatar{width:53px;height:53px;top:52px;right:20px;box-shadow:0 3px #40112324,0 0 0 8px #ffffff06,0 0 0 17px #ffffff04}.creator-hub .action,.creator-hub .main-action{min-height:29px;color:inherit;box-shadow:none;background:0 0;border:0;border-top:1px solid #ffffff38;border-radius:0;margin-top:auto;padding:6px 0 0;font-size:11px;font-weight:750}.creator-hub .story .action{border-color:#30172930}.creator-hub .arrow,.creator-hub .main-action .arrow{color:#fff;background:#2b152da8;width:23px;height:23px;font-size:17px;box-shadow:0 2px #0002}.creator-hub footer{gap:12px;margin-top:0;padding:19px 0 16px}.creator-hub .logo{font-size:22px}.creator-hub footer nav{gap:13px}.creator-hub footer nav a{font-size:10px}}@media (max-width:360px){.creator-hub .hub-shell{width:calc(100% - 28px)}.creator-hub .card,.creator-hub .patreon{padding:13px 14px}.creator-hub .patreon h2{font-size:22px}.creator-hub .patreon-copy{column-gap:7px}.creator-hub .patreon-copy p{font-size:11px}.creator-hub .price{min-height:21px;padding:4px 5px;font-size:9px}.creator-hub .secondary-copy h2,.creator-hub .youtube .secondary-copy h2{font-size:21px}.creator-hub .secondary-copy p{font-size:11px}.creator-hub .secondary-copy,.creator-hub .youtube .secondary-copy{max-width:calc(100% - 55px)}.creator-hub .book{width:42px;height:56px;top:48px;right:18px}.creator-hub .avatar{width:46px;height:46px;top:53px;right:17px}.creator-hub .detail{font-size:8px}.creator-hub footer nav{gap:9px}.creator-hub footer nav a{font-size:9px}}@media (max-width:760px) and (max-height:650px){.creator-hub .intro{padding:15px 0 13px}.creator-hub .eyebrow{margin:0;font-size:17px}.creator-hub .intro h1{display:none}.creator-hub .cards{grid-template-rows:repeat(3,150px);gap:10px}.creator-hub .patreon-copy{row-gap:5px;margin-top:8px}.creator-hub .secondary-copy,.creator-hub .youtube .secondary-copy{margin-top:8px}}
