:root{--bg1:#fff;--bg2:#f6f7fb;--card:#ffffffbf;--border:#1414141a;--text:#0f1219eb;--muted:#0f12199e;--shadow:0 18px 60px #1419281a;--radius:22px;--btnBg:#0f12190f;--btnBd:#0f12191f;--btnBgHover:#0f121917;--btnBdHover:#0f12192e}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(900px 600px at 20% 10%,#6366f12e,transparent 60%),radial-gradient(700px 520px at 85% 25%,#10b98129,transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{width:min(1100px,100%);margin:0 auto;padding:0 20px}.header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-bottom:1px solid #1414140f;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;height:72px;display:flex}.header .container{width:100%;max-width:none;margin:0;padding:0 16px}.brand{align-items:center;text-decoration:none;display:flex}.logo{width:auto;height:34px;display:block}.main{flex-direction:column;min-height:calc(100% - 72px);display:flex}.hero{flex:1;align-items:center;padding:48px 0 28px;display:flex}.heroInner{text-align:center;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:38px 18px}.pill{color:var(--muted);letter-spacing:.2px;background:#fff9;border:1px solid #1414141a;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:13px;display:inline-block}.title{letter-spacing:.4px;margin:0 0 10px;font-size:52px;line-height:1.05}.text{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.btn{border:1px solid var(--btnBd);background:var(--btnBg);color:#0f1219eb;white-space:nowrap;border-radius:14px;padding:10px 14px;text-decoration:none;transition:transform .12s,background .12s,border-color .12s;display:inline-block}.btn:hover{background:var(--btnBgHover);border-color:var(--btnBdHover);transform:translateY(-1px)}.footer{padding:18px 0 26px}.footerInner{justify-content:center;display:flex}.muted{color:var(--muted)}@media (max-width:520px){.title{font-size:42px}.headerInner{height:64px}.logo{height:30px}}.flTextLink{appearance:none;cursor:pointer;letter-spacing:-.6px;color:#d73b6a;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;font-weight:900;line-height:1;text-decoration:none}.flTextLink:hover{transform:translateY(-1px)}.flTextLink:active{opacity:.9;transform:translateY(0)}.flTextLink:focus-visible{text-underline-offset:0px;outline:none;text-decoration:underline}.heroCarousel{margin-bottom:40px}.heroCard{border-radius:28px;justify-content:space-between;align-items:center;min-height:360px;padding:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.heroContent{z-index:2;max-width:500px}.heroSubtitle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.5px;background:#ffffff40;border-radius:8px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.heroTitle{color:#fff;letter-spacing:-1px;margin:0 0 12px;font-size:48px;font-weight:800;line-height:1.1}.heroAuthor{color:#ffffffd9;margin:0 0 24px;font-size:18px}.heroBtn{color:var(--text);cursor:pointer;background:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.heroBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.heroIllustration{z-index:1;opacity:.3;font-size:180px}.heroIcon{filter:drop-shadow(0 4px 20px #0000001a)}.heroDots{justify-content:center;gap:8px;margin-top:20px;display:flex}.heroDot{cursor:pointer;background:#0003;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.heroDot.active{background:#00000080;border-radius:4px;width:24px}.sectionNav{gap:12px;margin-bottom:32px;padding:4px;display:flex;overflow-x:auto}.navBtn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:16px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.navBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.navBtn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 4px 16px #667eea4d}.navIcon{font-size:18px}.contentSection{margin-bottom:48px}.sectionTitle{letter-spacing:-.5px;margin:0 0 24px;font-size:32px;font-weight:800}.creatorGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.creatorCard{background:var(--card);border:1px solid var(--border);border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden}.creatorCard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001f}.creatorPreview{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:200px;display:flex}.previewIcon{filter:drop-shadow(0 4px 12px #0003);font-size:80px}.creatorInfo{padding:20px}.creatorHeader{align-items:center;gap:12px;margin-bottom:12px;display:flex}.creatorAvatar{background:#667eea1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.creatorName{margin:0;font-size:18px;font-weight:700}.creatorCategory{color:var(--muted);margin:0;font-size:14px}.creatorBadge{color:#667eea;background:#667eea1f;border-radius:8px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.creatorStats{gap:24px;margin-bottom:16px;display:flex}.stat{flex-direction:column;display:flex}.statValue{color:var(--text);font-size:20px;font-weight:700}.statLabel{color:var(--muted);font-size:13px}.followBtn{background:var(--btnBg);border:1px solid var(--btnBd);cursor:pointer;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.followBtn:hover{background:var(--btnBgHover);border-color:var(--btnBdHover);transform:translateY(-1px)}.chartList{flex-direction:column;gap:12px;display:flex}.chartItem{background:var(--card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.chartItem:hover{transform:translate(6px);box-shadow:0 8px 24px #0000001a}.chartRank{color:var(--muted);text-align:center;min-width:40px;font-size:28px;font-weight:800}.chartThumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.thumbIcon{font-size:36px}.chartInfo{flex:1}.chartTitle{margin:0 0 6px;font-size:18px;font-weight:700}.chartMeta{color:var(--muted);margin:0 0 8px;font-size:14px}.chartAuthor{font-weight:600}.chartSeparator{margin:0 6px}.chartStats{gap:16px;font-size:13px;font-weight:600;display:flex}.rating{color:#f59e0b}.sales,.downloads{color:var(--muted)}.chartPrice{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.priceValue{color:var(--text);font-size:20px;font-weight:800}.buyBtn,.downloadBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.buyBtn:hover,.downloadBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.downloadBtn{background:var(--btnBg);color:var(--text)}.downloadBtn:hover{background:var(--btnBgHover);box-shadow:0 4px 12px #0000001a}@media (max-width:768px){.heroCard{text-align:center;flex-direction:column;min-height:280px;padding:32px}.heroTitle{font-size:36px}.heroIllustration{font-size:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heroContent{max-width:100%}.creatorGrid{grid-template-columns:1fr}.sectionNav{scrollbar-width:none;overflow-x:auto}.sectionNav::-webkit-scrollbar{display:none}.chartItem{flex-wrap:wrap}.chartPrice{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}
.modalOverlay{z-index:50;place-items:center;display:grid;position:fixed;inset:0}.modalBackdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000001f;position:absolute;inset:0}.modalCard{z-index:51;position:relative}.hr{background:#14141414;width:100%;height:1px}.inputLike{border:1px solid var(--btnBd);width:100%;color:var(--text);background:#ffffffb8;border-radius:14px;outline:none;padding:12px 14px}.inputLike:focus{border-color:#6366f159;box-shadow:0 0 0 4px #6366f11f}.iconOnly{appearance:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.iconImg{object-fit:contain;width:90px;height:70px;display:block}