.creator-planner-page{--cp-ink:#edf4fb;--cp-muted:#a8bacb;--cp-line:#263a49;--cp-panel:#0d1a26;--cp-mint:#79e8c5;--cp-cyan:#2ad4f9;--cp-gold:#ffd46a;background:#08131e;color:var(--cp-ink)}
.cp-shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.cp-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--cp-line)}.cp-topbar nav{display:flex;gap:22px;flex-wrap:wrap}.cp-topbar a,.cp-footer a{color:#b9cad8;text-decoration:none}.cp-topbar a:hover,.cp-footer a:hover{color:var(--cp-mint)}.cp-brand{font-weight:900;letter-spacing:.08em;color:var(--cp-ink)!important}.cp-brand span{color:var(--cp-mint)}
.cp-hero{max-width:900px;padding:clamp(58px,9vw,112px) 0 38px}.cp-eyebrow,.cp-step{color:var(--cp-mint);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.cp-hero h1{max-width:850px;margin:18px 0;font-size:clamp(42px,7vw,78px);line-height:1.04;letter-spacing:-.055em}.cp-lede{max-width:780px;color:var(--cp-muted);font-size:clamp(18px,2.2vw,22px);line-height:1.7}.cp-privacy{display:flex;align-items:center;gap:10px;color:#bfd0dd;font-size:14px}.cp-privacy span{width:8px;height:8px;border-radius:50%;background:var(--cp-mint);box-shadow:0 0 0 4px #79e8c51a}
.cp-workspace,.cp-results{margin:14px 0 30px;padding:clamp(22px,4vw,38px);border:1px solid #315064;border-radius:18px;background:radial-gradient(ellipse at 0 0,#2ad4f911,transparent 42%),linear-gradient(145deg,#0e1d2a,#0b1722 70%)}.cp-workspace-head,.cp-results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.cp-workspace h2,.cp-results h2{margin:4px 0 0;font-size:clamp(25px,4vw,36px)}.cp-step{margin:0}.cp-currency-label{display:grid;gap:8px;min-width:min(250px,100%);color:var(--cp-muted);font-size:13px}.cp-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cp-field{min-width:0}.cp-field label{display:block;margin-bottom:8px;color:#e0e9f1;font-size:14px;font-weight:700}.cp-field input,.cp-currency-label select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #35495a;border-radius:8px;background:#08141f;color:var(--cp-ink);font:inherit}.cp-field input:focus,.cp-currency-label select:focus{outline:2px solid var(--cp-cyan);outline-offset:2px}.cp-field input::placeholder{color:#8295a6}.cp-field small{display:block;margin-top:7px;color:var(--cp-muted);font-size:12px;line-height:1.5}.cp-scenarios{margin:28px 0 0;padding:20px;border:1px solid var(--cp-line);border-radius:12px}.cp-scenarios legend{padding-inline:8px;color:var(--cp-ink);font-weight:750}.cp-scenarios>p{margin:0 0 17px;color:var(--cp-muted);font-size:14px}.cp-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cp-primary,.cp-secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 18px;border-radius:8px;font:inherit;font-weight:800;cursor:pointer}.cp-primary{border:0;background:linear-gradient(100deg,var(--cp-cyan),var(--cp-mint));color:#061722}.cp-secondary{border:1px solid #3a5060;background:transparent;color:var(--cp-ink)}.cp-primary:hover{filter:brightness(1.07)}.cp-secondary:hover{border-color:var(--cp-mint)}.cp-error{min-height:20px;margin:10px 0 0;color:#ffb3a7}.cp-results[hidden]{display:none}.cp-results-head>p{max-width:390px;margin:5px 0;color:var(--cp-muted);line-height:1.65}.cp-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cp-result-card{padding:20px;border:1px solid var(--cp-line);border-radius:12px;background:#0a1722}.cp-result-card h3{margin:0 0 4px;font-size:16px}.cp-result-card .cp-views{margin:0 0 20px;color:var(--cp-muted);font-size:13px}.cp-total-label{color:#c6d4df;font-size:13px}.cp-total{margin:4px 0 16px;color:var(--cp-mint);font-size:clamp(25px,4vw,36px);font-weight:850;letter-spacing:-.04em;overflow-wrap:anywhere}.cp-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--cp-line);color:var(--cp-muted);font-size:13px}.cp-breakdown dd{margin:0;color:#dce7ef;text-align:end}.cp-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;margin-top:20px;padding:20px;border-inline-start:3px solid var(--cp-gold);background:#ffd46a0a}.cp-summary h3{grid-column:1/-1;margin:0}.cp-summary p{margin:0;color:#c2d0dc;line-height:1.7}.cp-summary span{grid-column:2;color:var(--cp-mint);font-size:13px}.cp-method{max-width:900px;padding:38px 0 54px}.cp-method h2{font-size:24px}.cp-method p{color:var(--cp-muted);line-height:1.8}.cp-method strong{color:var(--cp-ink)}.cp-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 42px;border-top:1px solid var(--cp-line);color:var(--cp-muted);font-size:13px}
html[dir=rtl] .cp-eyebrow,html[dir=rtl] .cp-step{letter-spacing:0}html[dir=rtl] .cp-hero h1{letter-spacing:0;line-height:1.35}html[dir=rtl] .cp-result-card .cp-total{letter-spacing:0}html[dir=rtl] .cp-breakdown dd{text-align:start}
@media(max-width:800px){.cp-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-result-grid{grid-template-columns:1fr}.cp-results-head{display:block}.cp-results-head>p{max-width:unset}}
@media(max-width:560px){.cp-shell{width:min(1120px,calc(100% - 28px))}.cp-topbar{align-items:flex-start;flex-wrap:wrap}.cp-topbar nav{justify-content:flex-start;gap:12px}.cp-hero h1{font-size:clamp(36px,10vw,48px);overflow-wrap:anywhere}.cp-workspace{min-width:0;padding:20px 16px}.cp-field-grid,.cp-scenario-grid{grid-template-columns:minmax(0,1fr)}.cp-workspace-head{display:block}.cp-currency-label{margin-top:20px}.cp-scenarios{padding:16px}.cp-summary{grid-template-columns:1fr}.cp-summary h3,.cp-summary span{grid-column:auto}.cp-summary .cp-secondary{justify-self:start}.cp-footer{display:grid}}
@media(prefers-reduced-motion:reduce){.cp-primary,.cp-secondary{scroll-behavior:auto}}