:root{--bg: #f8f5ec;--text: #1a1a1a;--primary: #3f6b73;--accent: #65c8d0;--muted: #e9e6dd;--card: rgba(255,255,255,.65);--shadow: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial,Noto Sans;overflow-x:hidden;width:100%;max-width:100vw}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}header.site{position:sticky;top:0;backdrop-filter:blur(10px);background:#f8f5eccc;border-bottom:1px solid rgba(0,0,0,.05);z-index:20}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow)}nav a{text-decoration:none;padding:10px 12px;margin:0 6px;border-radius:10px}nav a:hover{background:#0000000f}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;text-decoration:none;box-shadow:var(--shadow)}.btn.primary{background:var(--primary);color:#fff;border-color:transparent}.btn.ghost{background:transparent}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(70% 70% at 50% 0%,rgba(101,200,208,.18),transparent);pointer-events:none}.hero-inner{padding:80px 0 50px;text-align:center}.hero h1{font-size:clamp(30px,5vw,64px);margin:0;line-height:1.05}.hero p{margin:12px auto 18px;max-width:840px;font-size:clamp(16px,2vw,20px);opacity:.9}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:56px 0}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#46666c}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card{grid-column:span 4;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px}.card p{margin:0;opacity:.9}.row{display:flex;gap:20px;flex-wrap:wrap}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.panel{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.creator-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.creator-item{grid-column:span 4;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.creator-item header{display:flex;align-items:center;gap:12px}.creator-item img.thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.price{font-weight:800}.small{font-size:12px;opacity:.8}.uploader{border:2px dashed rgba(0,0,0,.2);padding:18px;border-radius:16px;text-align:center}.preview{width:120px;height:120px;border-radius:20px;border:1px solid rgba(0,0,0,.1);object-fit:contain;background:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(0,0,0,.08);padding:10px;text-align:left}.footer{padding:40px 0;border-top:1px solid rgba(0,0,0,.06);text-align:center;font-size:14px}.notice{font-size:12px;opacity:.7}@media (max-width: 960px){.grid .card{grid-column:span 12}.split{grid-template-columns:1fr}.creator-item{grid-column:span 12}body,html,main{overflow-x:hidden!important;max-width:100vw!important}header>div{padding:1rem!important}nav{flex-wrap:wrap;gap:.5rem!important}nav a{font-size:.85rem!important;padding:.4rem .6rem!important}.container{padding:15px!important}video,img{max-width:100%!important;height:auto!important}}
