@charset "UTF-8";
:root{--blue:#285de5;--ink:#202538;--muted:#777f91;--line:#e8ebf2;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 'Segoe UI',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8bafff;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 4%;background:#181d2b;color:white;position:sticky;top:0;z-index:10}.brand{font-size:29px;font-weight:750;letter-spacing:-1.4px}.brand span{font-weight:350;color:#b5c9ff}.brand b{color:#83a7ff;font-size:24px;margin-left:6px}.preview{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;border:1px solid #424858;padding:5px 10px;border-radius:5px;color:#b9c1d5}.login{margin-left:auto;background:white;border-radius:7px;padding:9px 19px;color:var(--ink);font-weight:600}.login span{margin-left:18px}.menu{display:none;background:transparent;color:white;font-size:24px}.layout{max-width:1440px;margin:auto;padding:38px 4%;display:grid;grid-template-columns:215px minmax(0,650px) minmax(230px,290px);gap:36px;align-items:start}.sidebar{position:sticky;top:110px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.sidebar>.eyebrow{padding:0 15px 15px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:8px;background:transparent;color:#717a8c;text-align:left;width:100%;font-weight:500}.nav-item>span{font-size:23px;line-height:1;width:24px;text-align:center}.nav-item.active{background:#e9efff;color:var(--blue);font-weight:650}.nav-item:hover{background:#eef1f8}.nav-item small{margin-left:auto}.join{background:#eef1f9;border:1px solid #e0e6f1;border-radius:12px;margin-top:35px;padding:20px 16px}.join-icon{color:var(--blue);font-size:26px}.join h2{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:9px 0}.join p{color:var(--muted);font-size:12px;margin-bottom:18px}.primary{background:var(--blue);color:white;border-radius:7px;padding:11px 14px;font-weight:600;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary:hover,.profile-button:hover{background:#1946b8}.sidebar footer{font-size:10px;color:#8c93a2;margin:27px 10px}.sidebar footer p{margin:8px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 0 27px}.page-heading .eyebrow{color:var(--blue);font-size:9px}.page-heading h1{font-size:35px;line-height:1.2;letter-spacing:-1.4px;margin:12px 0}.page-heading h1 span{color:var(--blue)}.page-heading p:last-child{font-size:12px;color:var(--muted);margin-top:13px}.spark{font-size:74px;color:#b8c9f4;transform:rotate(12deg);margin-right:10px}.feed-tools{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.feed-tools h2{font-size:17px;letter-spacing:-.4px}.feed-tools h2>span{font-size:11px;border:1px solid #dce1ec;padding:2px 7px;margin-left:5px;color:var(--muted);border-radius:5px}.search{display:flex;align-items:center;gap:7px;background:white;border:1px solid var(--line);border-radius:7px;padding:7px 10px;max-width:190px}.search span{font-size:22px;line-height:1;color:var(--muted)}.search input{width:100%;min-width:0;border:0;outline-offset:1px;font-size:11px;background:transparent}.filters{display:flex;gap:8px;padding:18px 0 22px;flex-wrap:wrap}.filters button{font-size:11px;border:1px solid #e1e5ee;border-radius:20px;padding:6px 15px;background:white;color:#737b8c}.filters .selected{background:var(--ink);color:white;border-color:var(--ink)}.creator-card{background:white;border:1px solid #e4e8f0;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 3px 10px #1d2b4210}.cover{position:relative;overflow:hidden}.cover svg{display:block;width:100%;height:auto}.sun{background:linear-gradient(120deg,#b78065,#daac84);color:#704b46}.moon{background:linear-gradient(120deg,#6d628e,#b29bbc);color:#423651}.leaf{background:linear-gradient(120deg,#447b70,#97b69b);color:#274b45}.sea{background:linear-gradient(120deg,#557f9b,#9cbfcb);color:#31536e}.nova{background:linear-gradient(120deg,#965f76,#ce9b9b);color:#613a58}.category-tag{position:absolute;right:16px;bottom:14px;background:#ffffffeb;color:#505566;border-radius:5px;font-size:10px;padding:4px 10px}.card-content{padding:19px 22px 0}.identity{display:flex;align-items:center;gap:12px}.avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #e5e8ef;color:white;letter-spacing:1px;font-weight:600}.identity h3{font-size:16px}.verified{display:inline-grid;place-items:center;background:#3978eb;color:white;width:14px;height:14px;border-radius:50%;font-size:9px;margin-left:3px}.handle{color:#8b92a0;font-size:11px}.favorite,.share{background:transparent;color:#8b93a4;font-size:25px;padding:4px 7px}.favorite{margin-left:auto}.favorite.saved{color:#285de5}.share{font-size:22px}.description{color:#788092;font-size:12px;margin:16px 0}.stats{display:flex;align-items:center;gap:17px;color:#858c9b;font-size:11px;padding-bottom:17px}.stats small{margin-left:auto;font-size:9px}.card-bottom{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-bottom p{font-size:10px;color:var(--muted)}.card-bottom strong{color:var(--ink);font-size:16px}.card-bottom p>span{font-size:9px}.profile-button{background:var(--blue);color:white;border-radius:6px;padding:9px 15px;font-size:11px;font-weight:600;white-space:nowrap}.profile-button span{margin-left:18px}.rightbar{padding-top:5px}.welcome{background:#edf2ff;border:1px solid #dfe7fb;padding:24px 21px;border-radius:12px}.welcome .eyebrow{font-size:8px;color:var(--blue);letter-spacing:1.1px}.welcome h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:14px 0}.welcome p{font-size:12px;color:#7b8498;margin-bottom:23px}.welcome .primary{font-size:11px}.welcome small{display:block;text-align:center;font-size:9px;color:#8792a7;margin-top:13px}.how{padding:26px 6px}.how h2{font-size:13px;margin-bottom:20px}.how>div{display:flex;gap:13px;margin:19px 0}.how b{display:grid;place-items:center;align-self:start;width:28px;height:28px;background:#eaf0ff;color:var(--blue);font-size:10px;border-radius:8px}.how p{font-size:10px;color:#8b92a0;flex:1}.how strong{display:block;color:#4c566c;font-size:11px;margin-bottom:2px}.payment{border-top:1px solid var(--line);padding:23px 6px}.payment .eyebrow{font-size:9px}.payment>div{display:flex;align-items:center;gap:20px;margin-top:16px}.yape{color:#742080;font-size:25px;letter-spacing:-2px}.plin{color:#0ab5ba;font-size:25px;letter-spacing:-2px}.payment div>span{font-size:9px;color:#778091;line-height:1.3}.payment p,.fine{font-size:10px;color:#9097a5;margin-top:14px}.fine{border-top:1px solid var(--line);padding:20px 6px}.end-note{text-align:center;color:#9199aa;font-size:11px;padding:12px 0 35px}#empty{padding:40px 15px;text-align:center;color:var(--muted)}dialog{max-width:430px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:32px;color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#141c36a8}dialog h2{font-size:25px;margin:15px 0}dialog p{color:var(--muted);font-size:14px;margin-bottom:24px}.close{position:absolute;right:13px;top:8px;font-size:27px;background:transparent;color:var(--muted)}@media(min-width:1500px){.layout{gap:46px}}@media(max-width:1150px){.layout{grid-template-columns:190px minmax(0,1fr);max-width:980px;gap:30px}.rightbar{display:none}}@media(max-width:700px){.topbar{height:65px;padding:0 20px;gap:12px}.brand{font-size:25px}.preview{display:none}.menu{display:block;margin-left:auto}.login{margin-left:0;padding:7px 12px;font-size:12px}.layout{display:block;padding:25px 16px;max-width:600px}.sidebar{display:none;position:fixed;top:65px;left:0;bottom:0;width:270px;background:white;padding:25px 20px;z-index:9;overflow:auto;box-shadow:20px 0 90px #141c3633}.sidebar.open{display:block}.page-heading h1{font-size:31px}.page-heading p:last-child{max-width:240px;font-size:11px}.spark{font-size:55px;margin-right:0}.page-heading{padding-bottom:24px}.feed-tools{padding-top:20px}.feed-tools h2{font-size:15px}.search{max-width:145px}.filters{gap:6px}.filters button{font-size:10px;padding:6px 12px}.card-content{padding:16px 16px 0}.card-bottom p>span{display:block}.stats{gap:11px;font-size:10px}.stats small{font-size:8px}.identity h3{font-size:15px}.avatar{width:42px;height:42px}.description{font-size:12px}.creator-card{margin-bottom:20px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}}
