:root{--navy:#071541;--blue:#1559f6;--green:#08b987;--muted:#6b7da5;--line:#dce6f5}*{box-sizing:border-box}html,body{margin:0;min-width:0;font-family:Inter,Arial,sans-serif;color:var(--navy)}.creator-page{width:min(960px,calc(100% - 32px));margin:0 auto;padding:32px 0 70px}.creator-back{display:inline-flex;margin-bottom:24px;color:#60749e;font-size:11px;font-weight:600;text-decoration:none}.creator-back:hover{color:var(--blue)}
.creator-hero{position:relative;padding:48px 60px 44px;border:1px solid #dce7f5;border-radius:24px;background:radial-gradient(circle at 85% 20%,rgba(10,193,144,.16),transparent 28%),radial-gradient(circle at 10% 90%,rgba(21,89,246,.12),transparent 30%),#fff;text-align:center;box-shadow:0 20px 58px rgba(31,74,145,.10);overflow:hidden}.creator-label{display:inline-flex;padding:7px 12px;border-radius:20px;color:#078b68;background:#e8faf4;font-size:9px;font-weight:800;letter-spacing:.1em}.creator-icon{width:68px;height:68px;margin:20px auto 15px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,#1559f6,#08b987);box-shadow:0 12px 27px rgba(11,139,122,.22);font-size:27px}.creator-hero h1{margin:0;font-size:37px;line-height:1.15;letter-spacing:-1.2px}.creator-hero p{max-width:620px;margin:17px auto 0;color:var(--muted);font-size:13px;line-height:1.65}
.creator-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.creator-benefits article{min-height:145px;display:flex;gap:17px;padding:23px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 23px rgba(31,74,145,.055);transition:.2s}.creator-benefits article:hover{transform:translateY(-2px);border-color:#bfd2f5;box-shadow:0 12px 29px rgba(31,74,145,.09)}.creator-benefits article>i{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#edf3ff;font-size:10px;font-style:normal;font-weight:800}.creator-benefits h2{margin:2px 0 8px;font-size:15px;line-height:1.35}.creator-benefits p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.creator-benefits .income-benefit{grid-column:1/-1;min-height:205px;align-items:center;padding:31px 38px;border-color:#9fe3cf;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.24),transparent 28%),linear-gradient(135deg,#048e6b,#08bc89 58%,#16d29a);box-shadow:0 15px 36px rgba(4,151,116,.22)}.creator-benefits .income-benefit>i{width:48px;height:48px;color:#fff;background:rgba(255,255,255,.17)}.income-benefit div>span{color:#c8ffee;font-size:8px;font-weight:800;letter-spacing:.12em}.creator-benefits .income-benefit h2{margin:8px 0 9px;color:#fff;font-size:25px}.creator-benefits .income-benefit p{max-width:700px;color:rgba(255,255,255,.86);font-size:11px}.creator-benefits .commission-benefit{grid-column:1/-1;min-height:105px;align-items:center;border-color:#d3dff3;background:linear-gradient(120deg,#f8fbff,#edf4ff)}.creator-benefits .commission-benefit h2{font-size:18px}
.income-example{margin-top:20px;padding:33px 38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(31,74,145,.08)}.income-example-head{display:flex;align-items:center;gap:13px}.income-example-head>span{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:#078f69;background:#e6faf3;font-size:22px;font-weight:800}.income-example-head small{color:#078f69;font-size:8px;font-weight:800;letter-spacing:.1em}.income-example-head h2{margin:4px 0 0;font-size:21px}.income-example>p{color:var(--muted);font-size:11px}.income-math{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin-top:23px}.income-math>div{padding:17px;border-radius:12px;background:#f5f8fd}.income-math>span{align-self:center;color:#8392ae;font-size:21px}.income-math small,.income-math strong{display:block}.income-math small{color:#7a89a7;font-size:8px}.income-math strong{margin-top:6px;font-size:14px}.income-math .income-total{color:#fff;background:linear-gradient(130deg,#079b74,#11c991)}.income-math .income-total small{color:#d8fff4}.income-example .income-smile{margin:20px 0 0;color:#078f69;font-size:15px;font-weight:800;text-align:center}
.creator-start{text-align:center;padding-top:33px}.creator-start p{color:var(--muted);font-size:11px}.creator-start a{width:230px;height:52px;margin:15px auto 0;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:60px;border-radius:11px;color:#fff;background:linear-gradient(105deg,#1559f6,#08b987);box-shadow:0 11px 25px rgba(21,89,246,.22);font-size:13px;font-weight:800;text-decoration:none;transition:.2s}.creator-start a:hover{transform:translateY(-2px);box-shadow:0 15px 31px rgba(21,89,246,.28)}.creator-start a span{font-size:20px}
@media(max-width:700px){.creator-page{padding-top:20px}.creator-hero{padding:38px 20px}.creator-hero h1{font-size:29px}.creator-benefits{grid-template-columns:1fr}.creator-benefits .income-benefit,.creator-benefits .commission-benefit{grid-column:auto}.creator-benefits .income-benefit{padding:28px 22px}.creator-benefits .income-benefit h2{font-size:21px}.income-example{padding:25px 18px}.income-math{grid-template-columns:1fr}.income-math>span{display:none}.creator-start a{width:100%}}@media(prefers-reduced-motion:reduce){.creator-benefits article,.creator-start a{transition:none}}