:root{--ink:#151b2b;--muted:#667085;--line:#e6e9f0;--soft:#f6f7fb;--brand:#635bff;--brand2:#4b43d8;--green:#087a55;--amber:#a15c00;--red:#c4323b;--white:#fff}*{box-sizing:border-box}html,body{background:var(--soft);min-height:100%;color:var(--ink);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{min-height:100vh}.topbar{color:#fff;background:#111728;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.brand{align-items:center;gap:10px;font-weight:750;display:flex}.mark{background:linear-gradient(135deg,#8580ff,#4d44da);border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.top-user{color:#ccd1df;align-items:center;gap:13px;font-size:13px;display:flex}.page{max-width:1180px;margin:auto;padding:38px 28px 72px}.head{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.1em;color:var(--brand);text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:750}h1{letter-spacing:-.04em;margin:0 0 7px;font-size:29px}h2{letter-spacing:-.025em}.sub{color:var(--muted);margin:0;font-size:14px}.btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:680;display:inline-flex}.primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px #635bff2c}.primary:hover{background:var(--brand2)}.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.ghost{color:inherit;background:0 0}.danger{color:var(--red);background:#fff0f1}.small{padding:7px 11px;font-size:12px}.wide{width:100%}.card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 3px 16px #151b2b08}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#737b8c;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#fafbfc;padding:13px 18px;font-size:11px}.table td{border-bottom:1px solid var(--line);padding:17px 18px;font-size:14px}.table tr:last-child td{border:0}.table tbody tr:hover{background:#fafaff}.strong{font-weight:690}.muted{color:var(--muted)}.tiny{font-size:12px}.status{border-radius:99px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.active,.connected,.joined{color:var(--green);background:#eaf8f1}.pending,.reauthorize{color:var(--amber);background:#fff5df}.ended,.disabled{color:#667085;background:#f0f1f3}.failed{color:var(--red);background:#fff0f1}.empty{text-align:center;padding:65px 25px}.empty-icon{width:55px;height:55px;color:var(--brand);background:#efefff;border-radius:17px;place-items:center;margin:0 auto 16px;font-size:23px;display:grid}.empty h3{margin:0 0 8px}.empty p{max-width:420px;color:var(--muted);margin:0 auto 20px;font-size:13px}.form-card{max-width:760px;padding:28px}.field{margin-bottom:20px}.field label{margin-bottom:8px;font-size:13px;font-weight:680;display:block}.input,.textarea,.select{background:#fff;border:1px solid #d9dde7;border-radius:10px;outline:none;width:100%;padding:11px 13px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #efefff}.textarea{resize:vertical;height:95px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.choices{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.choice{border:1px solid var(--line);border-radius:11px;align-items:center;gap:9px;padding:14px;display:flex}.choice:has(input:checked){border-color:var(--brand);background:#f5f4ff}.choice input{accent-color:var(--brand)}.actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding-top:20px;display:flex}.required{color:var(--red)}.back{color:var(--muted);margin-bottom:20px;font-size:13px;display:inline-block}.login{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#111728;flex-direction:column;justify-content:space-between;padding:64px;display:flex}.login-art h1{max-width:540px;font-size:44px;line-height:1.08}.login-art p{color:#aeb5c8;max-width:450px;line-height:1.7}.login-wrap{place-items:center;padding:36px;display:grid}.login-form{width:min(390px,100%)}.login-form h2{margin:0 0 8px;font-size:27px}.notice{color:var(--muted);background:#f5f6f9;border-radius:10px;margin:14px 0;padding:12px;font-size:12px}.error{color:var(--red);margin:10px 0;font-size:12px}.campaign-head{border-bottom:1px solid var(--line);background:#fff}.campaign-inner{max-width:1180px;margin:auto;padding:26px 28px 0}.title-row,.invite{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.invite{background:#f8f8ff;border:1px solid #e6e4ff;border-radius:12px;align-items:center;margin-top:23px;padding:14px 16px}.invite code{color:#39345e;text-overflow:ellipsis;margin-top:5px;display:block;overflow:hidden}.tabs{gap:27px;margin-top:20px;display:flex}.tab{color:var(--muted);border-bottom:2px solid #0000;padding:13px 2px;font-size:13px;font-weight:680}.tab.on{color:var(--brand);border-color:var(--brand)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat{padding:19px}.stat span{color:var(--muted);font-size:12px}.stat strong{margin-top:9px;font-size:25px;display:block}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 16px;display:flex}.filter{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.join{background:linear-gradient(135deg,#f6f5ff,#f8fafc);min-height:100vh;padding:50px 18px}.join-card{border:1px solid var(--line);background:#fff;border-radius:22px;max-width:660px;margin:0 auto;padding:36px;box-shadow:0 14px 40px #18213a12}.join-card h1{text-align:center}.join-lead{text-align:center;color:var(--muted);font-size:14px;line-height:1.6}.read-box{background:#f8f8ff;border-radius:12px;margin:23px 0;padding:15px;font-size:13px}.read-box ul{color:var(--muted);line-height:1.8}.connect-list{flex-direction:column;gap:11px;margin:24px 0;display:flex}.connect{border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;padding:15px;display:flex}.platform{align-items:center;gap:11px;display:flex}.logo{color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.tiktok{background:#111}.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.youtube{background:red}.video-cell{align-items:center;gap:11px;min-width:240px;display:flex}.thumb{object-fit:cover;background:#edf0f5;border-radius:7px;width:64px;height:42px}.positive{color:var(--green);font-weight:680}.configuration{max-width:760px;margin:60px auto;padding:30px}.configuration code{color:#dce1ef;background:#111728;border-radius:10px;margin-top:12px;padding:14px;display:block}@media (max-width:800px){.page{padding:27px 16px}.topbar{padding:0 17px}.login{grid-template-columns:1fr}.login-art{display:none}.login-wrap{min-height:100vh}.form-row,.choices,.stats{grid-template-columns:1fr}.title-row,.invite{flex-direction:column}.table{min-width:760px}.join-card{padding:25px 20px}}
.login-legal{color:var(--muted);justify-content:center;gap:10px;margin-top:22px;font-size:12px;display:flex}.login-legal a:hover,.legal-link{color:var(--brand);text-decoration:underline}.legal-page{background:#f6f7fb;min-height:100vh;padding-bottom:36px}.legal-header{color:#fff;background:#111728;justify-content:space-between;align-items:center;height:68px;padding:0 max(28px,50vw - 460px);display:flex}.legal-header nav{color:#d5d9e3;gap:22px;font-size:13px;display:flex}.legal-header .brand,.legal-header nav a{white-space:nowrap}.legal-header nav a:hover{color:#fff}.legal-card{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:920px;margin:36px auto 20px;padding:48px 56px;box-shadow:0 8px 28px #151b2b0b}.legal-card>h1{margin-bottom:8px;font-size:36px}.legal-updated{color:var(--muted);font-size:13px}.legal-notice{color:#4b4677;background:#f5f4ff;border-radius:10px;margin:26px 0 34px;padding:14px 16px;font-size:13px;line-height:1.7}.legal-content section{margin-top:30px}.legal-content h2{margin:0 0 12px;font-size:20px}.legal-content h3{margin:20px 0 8px;font-size:15px}.legal-content p,.legal-content li{color:#4d5668;font-size:14px;line-height:1.85}.legal-content ul{padding-left:22px}.legal-content a{color:var(--brand);text-decoration:underline}.legal-footer{max-width:920px;color:var(--muted);justify-content:space-between;margin:auto;padding:0 8px;font-size:12px;display:flex}@media (max-width:800px){.legal-header{gap:10px;padding:0 14px}.legal-header .brand{font-size:13px}.legal-header nav{gap:10px;font-size:12px}.legal-card{margin:18px 12px;padding:30px 22px}.legal-card>h1{font-size:30px}.legal-footer{padding:0 18px}}
.public-site{color:#121827;background:#fff;min-height:100vh}.public-header{align-items:center;gap:42px;max-width:1240px;height:76px;margin:auto;padding:0 28px;display:flex}.public-header .brand{white-space:nowrap}.public-header nav{color:#596174;align-items:center;gap:28px;margin-left:auto;font-size:13px;font-weight:650;display:flex}.public-header nav a:hover{color:var(--brand)}.public-actions{align-items:center;gap:10px;display:flex}.language-link{color:#596174;padding:9px;font-size:12px;font-weight:750}.public-login{color:#fff;background:#111728;padding:10px 15px}.public-login:hover{background:#252d43}.public-hero{background:linear-gradient(135deg,#f3f1ff 0%,#f7fbff 58%,#effbf7 100%);border-radius:28px;grid-template-columns:1fr .9fr;align-items:center;gap:64px;max-width:1240px;margin:26px auto 70px;padding:72px 48px;display:grid;overflow:hidden}.hero-copy h1,.page-hero h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:56px;line-height:1.03}.hero-copy>p{color:#5e687d;max-width:650px;font-size:17px;line-height:1.75}.public-kicker,.section-heading>span{letter-spacing:.13em;color:var(--brand);font-size:11px;font-weight:800}.hero-actions{gap:11px;margin-top:28px;display:flex}.public-primary{background:var(--brand);color:#fff;padding:12px 18px}.public-primary:hover{background:var(--brand2)}.public-secondary{background:#fff;border:1px solid #dce0e9;padding:12px 18px}.invite-note{margin-top:18px;font-size:12px!important}.dashboard-preview{background:#fff;border:1px solid #e5e7ee;border-radius:18px;padding:22px;transform:rotate(1deg);box-shadow:0 22px 55px #34306e1a}.preview-top,.preview-title,.preview-row{justify-content:space-between;align-items:center;display:flex}.preview-top{border-bottom:1px solid #eceef3;padding-bottom:16px;font-size:12px;font-weight:800}.preview-top i{background:#e9e7ff;border-radius:50%;width:26px;height:26px}.preview-title{padding:20px 0}.preview-title div{flex-direction:column;gap:4px;display:flex}.preview-title small,.preview-stats small{color:#8890a0;letter-spacing:.08em;font-size:9px}.preview-title>span{color:var(--green);background:#eaf8f1;border-radius:99px;padding:5px 8px;font-size:10px}.preview-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preview-stats>div{background:#f7f8fb;border-radius:10px;padding:12px}.preview-stats b{margin-top:5px;font-size:19px;display:block}.preview-table{border:1px solid #eceef3;border-radius:11px;margin-top:15px;overflow:hidden}.preview-row{color:#667085;border-top:1px solid #eceef3;grid-template-columns:1.4fr .8fr .55fr;padding:11px 12px;font-size:10px;display:grid}.preview-row.header{text-transform:uppercase;background:#fafbfc;border:0;font-size:8px}.preview-row>span:first-child{color:#252c3b;align-items:center;gap:7px;display:flex}.preview-row i{background:linear-gradient(135deg,#dedbff,#b7e8dc);border-radius:4px;width:25px;height:18px}.public-section{max-width:1160px;margin:0 auto;padding:90px 28px}.section-heading{max-width:700px;margin-bottom:42px}.section-heading h2,.trust-section h2,.public-cta h2,.public-note h2,.support-contact h2{letter-spacing:-.04em;margin:12px 0 15px;font-size:38px}.section-heading p,.trust-section p,.public-note p,.support-contact p{color:#667085;line-height:1.75}.audience-grid,.feature-grid,.permission-grid,.security-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.audience-grid article,.feature-grid article,.permission-grid article,.security-grid article{border:1px solid #e5e8ef;border-radius:17px;padding:28px}.audience-grid h3,.feature-grid h3{margin:18px 0 10px;font-size:20px}.audience-grid p,.feature-grid p,.permission-grid p{color:#667085;font-size:14px;line-height:1.7}.public-icon{width:42px;height:42px;color:var(--brand);background:#efedff;border-radius:12px;place-items:center;font-weight:800;display:grid}.soft-section{background:#f7f8fb;max-width:none;padding-left:max(28px,50vw - 552px);padding-right:max(28px,50vw - 552px)}.soft-section .section-heading{max-width:1104px}.feature-grid{grid-template-columns:repeat(3,1fr);max-width:1104px}.feature-grid article{background:#fff}.feature-grid b{color:var(--brand);font-size:11px}.trust-section{grid-template-columns:1fr .8fr;align-items:center;gap:90px;display:grid}.trust-section ul,.security-grid ul{margin:0;padding:0;list-style:none}.trust-section li,.security-grid li{color:#454d5e;border-bottom:1px solid #e8eaf0;padding:14px 0}.trust-section li:before,.security-grid li:before{content:"✓";color:var(--green);margin-right:11px;font-weight:900}.text-link{color:var(--brand);margin-top:13px;font-size:13px;font-weight:750;display:inline-block}.public-cta{color:#fff;background:#111728;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;max-width:1160px;margin:15px auto 90px;padding:54px;display:flex}.public-cta h2{max-width:700px;font-size:31px}.public-footer{color:#687083;background:#f5f6f8;border-top:1px solid #e7e9ef;grid-template-columns:1fr auto;gap:25px;padding:45px max(28px,50vw - 592px);display:grid}.public-footer .brand{color:#161d2e;display:inline-flex}.public-footer p{font-size:12px}.footer-links{gap:20px;font-size:12px;display:flex}.public-footer small{border-top:1px solid #dfe2e9;grid-column:1/-1;padding-top:20px}.page-hero{max-width:1160px;margin:25px auto 0;padding:90px 28px 65px}.page-hero h1{max-width:850px}.page-hero p{color:#667085;max-width:760px;font-size:17px;line-height:1.75}.steps-list{padding-top:20px}.steps-list>article{border-top:1px solid #e2e5eb;grid-template-columns:80px 1fr;gap:25px;padding:32px 0;display:grid}.steps-list>article>div{color:var(--brand);font-size:12px;font-weight:800}.steps-list h2{margin:0 0 10px;font-size:25px}.steps-list p{color:#667085;max-width:760px;margin:0;line-height:1.7}.public-note{background:#f1efff;border-radius:18px;max-width:1104px;margin:0 auto 90px;padding:38px}.public-note h2{font-size:27px}.permission-grid{grid-template-columns:repeat(2,1fr);padding-top:20px}.permission-grid code{color:#fff;background:#111728;border-radius:7px;padding:7px 10px;font-size:12px;display:inline-block}.permission-grid h2{margin:22px 0 10px;font-size:23px}.security-grid{padding-top:20px}.security-grid h3{font-size:24px}.security-grid .dont li:before{content:"×";color:var(--red)}.faq-list{max-width:900px;padding-top:20px}.faq-list details{border-top:1px solid #e1e4ea;padding:22px 0}.faq-list summary{cursor:pointer;font-size:17px;font-weight:750}.faq-list p{color:#667085;max-width:760px;line-height:1.75}.support-contact{background:#f6f7fb;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:1104px;margin:0 auto 90px;padding:42px;display:flex}.support-contact h2{font-size:28px}.support-contact p{margin-bottom:0}@media (max-width:900px){.public-header{gap:15px;padding:0 18px}.public-header nav{display:none}.public-hero{grid-template-columns:1fr;gap:35px;margin:12px 12px 50px;padding:52px 26px}.hero-copy h1,.page-hero h1{font-size:42px}.dashboard-preview{transform:none}.feature-grid{grid-template-columns:1fr}.trust-section{grid-template-columns:1fr;gap:35px}.public-cta{flex-direction:column;align-items:flex-start;margin:15px 12px 60px}.footer-links{flex-wrap:wrap;justify-content:flex-end}.public-footer{grid-template-columns:1fr 1fr}}@media (max-width:600px){.public-header .brand{font-size:0}.public-header .mark{font-size:12px}.public-actions{margin-left:auto}.language-link{padding:7px}.public-login{padding:9px 11px;font-size:11px}.hero-copy h1,.page-hero h1{font-size:37px}.public-hero{padding:42px 22px}.public-section{padding:64px 18px}.audience-grid,.permission-grid,.security-grid{grid-template-columns:1fr}.section-heading h2,.trust-section h2{font-size:31px}.preview-row{grid-template-columns:1.25fr .7fr .5fr}.public-cta{padding:35px 25px}.public-cta h2{font-size:26px}.page-hero{padding:65px 20px 42px}.steps-list>article{grid-template-columns:42px 1fr}.public-note,.support-contact{margin:0 12px 60px;padding:27px}.support-contact{flex-direction:column;align-items:flex-start}.public-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.public-footer small{grid-column:1}}
.language-switch{border:1px solid #343b4d;border-radius:9px;gap:3px;padding:3px;display:inline-flex}.language-switch a{color:#9fa7ba;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:750}.language-switch a.on{color:#111728;background:#fff}.platform-choice{min-height:92px;position:relative;padding:16px!important}.platform-choice input{opacity:0;pointer-events:none;position:absolute}.platform-choice-body{grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;width:100%;display:grid}.platform-official-icon{background:#fff;border:1px solid #e2e5ec;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.platform-choice-copy{min-width:0}.platform-choice-copy b{margin-bottom:4px;display:block}.platform-choice-copy small{color:var(--muted);font-size:11px;line-height:1.4;display:block}.platform-check{color:#0000;background:#fff;border:1.5px solid #cbd1dc;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.platform-choice:has(input:checked) .platform-check{background:var(--brand);border-color:var(--brand);color:#fff}.platform-choice:has(input:checked){border-color:var(--brand);background:#f7f6ff}.connect .platform-official-icon{flex:none}.platform-name{align-items:center;gap:10px;display:flex}@media (max-width:650px){.choices{grid-template-columns:1fr!important}.top-user>span{display:none}.language-switch{margin-left:auto}}