/* partner.css — partner program page */

/* HERO */
.partner-hero{
  min-height:90vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:100px 48px 80px;
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#0d0f16 0%,#0a0a0e 100%);
}
.partner-hero::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%);
}
.ph-glow-top{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(29,181,129,.09) 0%,transparent 60%);pointer-events:none}
.ph-glow-bl{position:absolute;bottom:-80px;left:-80px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(91,108,249,.06) 0%,transparent 60%);pointer-events:none}
.ph-glow-br{position:absolute;bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(29,181,129,.05) 0%,transparent 60%);pointer-events:none}

.ph-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}
.ph-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(29,181,129,.08);border:1px solid rgba(29,181,129,.25);
  color:#1db581;padding:7px 18px;border-radius:100px;
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  letter-spacing:.04em;margin-bottom:28px;
}
.ph-badge .dot{width:6px;height:6px;border-radius:50%;background:#1db581;animation:pdot 1.5s infinite;flex-shrink:0}
.ph-title{
  font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-3px;
  line-height:1.0;color:#fff;margin-bottom:20px;
}
.ph-title .accent{color:#1db581}
.ph-title .accent2{color:#818cf8}
.ph-sub{font-size:18px;color:rgba(255,255,255,.55);line-height:1.7;max-width:560px;margin:0 auto 36px}
.ph-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ph-nums{
  display:flex;gap:32px;justify-content:center;flex-wrap:wrap;
  margin-top:56px;padding-top:40px;
  border-top:1px solid rgba(255,255,255,.07);
}
.ph-num{text-align:center}
.ph-num-val{font-size:36px;font-weight:900;letter-spacing:-1.5px;color:#fff;line-height:1;margin-bottom:4px}
.ph-num-val span{color:#1db581}
.ph-num-label{font-size:13px;color:rgba(255,255,255,.4);line-height:1.4}

/* СЕКЦИИ */
.p-section{padding:100px 0;position:relative;overflow:hidden}
.p-section.alt{background:#111318}
.p-section.alt::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none;
}
.p-container{max-width:1100px;margin:0 auto;padding:0 48px}
.p-section-head{text-align:center;margin-bottom:56px}
.p-section-head h2{font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:-1.5px;color:#fff;margin-bottom:12px;line-height:1.1}
.p-section-head p{font-size:17px;color:rgba(255,255,255,.5);max-width:540px;margin:0 auto;line-height:1.65}
.p-section-head .hl{color:#1db581}
.p-section-head .hl2{color:#818cf8}

/* УРОВНИ */
.levels-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
.level-box{border-radius:20px;padding:36px;position:relative;overflow:hidden}
.level-box.l1{background:linear-gradient(135deg,rgba(29,181,129,.1),rgba(29,181,129,.03));border:1px solid rgba(29,181,129,.3)}
.level-box.l2{background:linear-gradient(135deg,rgba(91,108,249,.1),rgba(91,108,249,.03));border:1px solid rgba(91,108,249,.3)}
.level-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.level-box.l1::before{background:linear-gradient(90deg,#1db581,#16a872)}
.level-box.l2::before{background:linear-gradient(90deg,#818cf8,#5b6cf9)}
.level-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-weight:600}
.level-box.l1 .level-tag{color:#1db581}
.level-box.l2 .level-tag{color:#818cf8}
.level-pct{font-size:64px;font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:8px}
.level-box.l1 .level-pct{color:#1db581}
.level-box.l2 .level-pct{color:#818cf8}
.level-pct span{font-size:28px;opacity:.6}
.level-desc{font-size:15px;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:20px}
.level-example{background:rgba(0,0,0,.2);border-radius:12px;padding:16px 18px;font-size:14px;color:rgba(255,255,255,.5);line-height:1.6}
.level-example strong{color:#fff}

/* КАК ЭТО РАБОТАЕТ — схема */
.flow-wrap{display:flex;align-items:flex-start;gap:0;position:relative;margin-bottom:48px}
.flow-wrap::before{content:'';position:absolute;top:24px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,#1db581,#818cf8);z-index:0}
.flow-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 12px}
.flow-dot{width:48px;height:48px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative}
.flow-step:nth-child(1) .flow-dot{background:rgba(29,181,129,.15);border:2px solid #1db581}
.flow-step:nth-child(2) .flow-dot{background:rgba(29,181,129,.1);border:2px solid rgba(29,181,129,.5)}
.flow-step:nth-child(3) .flow-dot{background:rgba(91,108,249,.15);border:2px solid #818cf8}
.flow-step:nth-child(4) .flow-dot{background:rgba(91,108,249,.1);border:2px solid rgba(91,108,249,.5)}
.flow-step:nth-child(5) .flow-dot{background:rgba(245,158,11,.15);border:2px solid #f59e0b}
.flow-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.3}
.flow-sub{font-size:12px;color:rgba(255,255,255,.4);line-height:1.5}

/* КАЛЬКУЛЯТОР ДОХОДА */
.calc-wrap{background:var(--bg1);border:1px solid var(--line2);border-radius:20px;padding:40px;position:relative;overflow:hidden}
.calc-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1db581,#818cf8)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.calc-inputs{display:flex;flex-direction:column;gap:20px}
.calc-input-group{display:flex;flex-direction:column;gap:8px}
.calc-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}
.calc-label span{color:rgba(255,255,255,.3);font-weight:400;font-family:'IBM Plex Mono',monospace;font-size:11px;margin-left:6px}
.calc-slider-wrap{display:flex;align-items:center;gap:12px}
.calc-slider{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:rgba(255,255,255,.1);outline:none}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#1db581;cursor:pointer;box-shadow:0 0 0 3px rgba(29,181,129,.2)}
.calc-val{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:700;color:#1db581;min-width:60px;text-align:right}
.calc-results{display:flex;flex-direction:column;gap:12px}
.calc-res-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.calc-res-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.calc-res-item.highlight{background:rgba(29,181,129,.08);border-color:rgba(29,181,129,.25)}
.cri-label{font-size:13px;color:rgba(255,255,255,.5)}
.cri-val{font-size:16px;font-weight:700;color:#fff}
.cri-val.green{color:#1db581}
.calc-total{margin-top:8px;padding:16px;background:linear-gradient(135deg,rgba(29,181,129,.1),rgba(91,108,249,.06));border:1px solid rgba(29,181,129,.3);border-radius:12px;text-align:center}
.ct-label{font-size:12px;color:rgba(255,255,255,.4);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.ct-val{font-size:36px;font-weight:900;letter-spacing:-1.5px;color:#1db581}
.ct-period{font-size:13px;color:rgba(255,255,255,.3)}

/* ДЛЯ КОГО */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.who-card{background:var(--bg1);border:1px solid var(--line2);border-radius:18px;padding:28px 24px;transition:all .25s;position:relative;overflow:hidden}
.who-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1db581,var(--accent2));opacity:0;transition:opacity .25s}
.who-card:hover{border-color:rgba(29,181,129,.3);transform:translateY(-4px)}.who-card:hover::before{opacity:1}
.who-ico{font-size:36px;margin-bottom:16px}
.who-title{font-size:17px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-.3px}
.who-desc{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7}
.who-tag{display:inline-block;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:#1db581;background:rgba(29,181,129,.08);border:1px solid rgba(29,181,129,.2);padding:3px 10px;border-radius:5px}

/* ПОЧЕМУ ЧЕСТНО */
.honest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.honest-card{background:var(--bg1);border:1px solid var(--line2);border-radius:16px;padding:24px;text-align:center}
.honest-ico{font-size:32px;margin-bottom:12px}
.honest-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}
.honest-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}

/* CTA */
.partner-cta{
  padding:100px 48px;text-align:center;
  background:linear-gradient(180deg,#0a0a0e 0%,#0d1a14 100%);
  position:relative;overflow:hidden;
}
.partner-cta::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(29,181,129,.1) 0%,transparent 60%);pointer-events:none}

@media(max-width:900px){
  .levels-wrap{grid-template-columns:1fr}
  .flow-wrap{flex-direction:column;gap:20px}
  .flow-wrap::before{display:none}
  .calc-grid{grid-template-columns:1fr}
  .who-grid{grid-template-columns:1fr}
  .honest-grid{grid-template-columns:1fr}
  .partner-hero,.p-container,.partner-cta{padding-left:20px;padding-right:20px}
}