
:root{
  --flyup-ref-primary:#7a1f2b;
  --flyup-ref-primary-dark:#5f1420;
  --flyup-ref-gold:#d7a63e;
  --flyup-ref-orange:#ee8d3a;
  --flyup-ref-purple:#6f3f8c;
  --flyup-ref-text:#261b1f;
  --flyup-ref-muted:#6b6570;
  --flyup-ref-card:#ffffff;
  --flyup-ref-soft:#fff6f3;
  --flyup-ref-border:#ecd8d2;
}
.flyup-ref-link-box,.flyup-ref-summary-card,.flyup-ref-landing-card{background:var(--flyup-ref-card);border:1px solid var(--flyup-ref-border);border-radius:22px;box-shadow:0 12px 40px rgba(75,18,20,.08)}
.flyup-ref-link-box{padding:18px}
.flyup-ref-link-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.flyup-ref-link-head h3,.flyup-ref-summary-head h3{margin:0;font-size:22px;color:var(--flyup-ref-text)}
.flyup-ref-code{background:#f9ece8;color:var(--flyup-ref-primary);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.flyup-ref-link-row{display:flex;gap:10px;flex-wrap:wrap}
.flyup-ref-link-input{flex:1;min-width:220px;border:1px solid #e6d3cf;border-radius:12px;padding:12px 14px}
.flyup-ref-copy-btn{background:linear-gradient(135deg,var(--flyup-ref-primary),#9f2437);color:#fff;border:0;border-radius:14px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-weight:700;box-shadow:0 12px 25px rgba(122,31,43,.18);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.flyup-ref-copy-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(122,31,43,.22);opacity:.98}
.flyup-ref-summary-wrap{display:grid;gap:18px}
.flyup-ref-summary-card{padding:18px}

.flyup-ref-referred-by-wrap{margin:0 0 16px}
.flyup-ref-referred-by-badge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#fff8ec,#fff2dc);border:1px solid #f1ddb2;box-shadow:0 10px 20px rgba(215,166,62,.12)}
.flyup-ref-referred-by-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9a6b00}
.flyup-ref-referred-by-badge strong{font-size:14px;line-height:1.3;color:var(--flyup-ref-primary);text-transform:uppercase}
.flyup-ref-summary-head p{margin:8px 0 0;color:#6b7280}
.flyup-ref-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.flyup-ref-stat{padding:14px;border-radius:14px;background:#faf7f6;border:1px solid #efe5e3}
.flyup-ref-stat span{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}
.flyup-ref-stat strong{font-size:24px;color:var(--flyup-ref-primary)}
.flyup-ref-table{width:100%;border-collapse:collapse}
.flyup-ref-table th,.flyup-ref-table td{padding:12px 10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.flyup-ref-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.status-waiting{background:#fff7e6;color:#9a6700}.status-verified{background:#ecfdf3;color:#027a48}.status-rejected{background:#fef3f2;color:#b42318}
.flyup-ref-empty{margin:0;color:#6b7280}
.flyup-referral-form-note{margin:16px 0;padding:12px 14px;background:#fff8ec;border:1px solid #f5e1ae;color:#7a5d00;border-radius:12px}

.flyup-ref-landing-body{background:radial-gradient(circle at top left, rgba(215,166,62,.18), transparent 24%),radial-gradient(circle at top right, rgba(111,63,140,.12), transparent 20%),linear-gradient(135deg,#fff7f4 0%,#fff 48%,#fff4ed 100%);color:var(--flyup-ref-text)}
.flyup-ref-landing-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 20px;position:relative;overflow:hidden}
.flyup-ref-landing-wrap:before,.flyup-ref-landing-wrap:after{content:"";position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none}
.flyup-ref-landing-wrap:before{width:260px;height:260px;background:linear-gradient(135deg,rgba(215,166,62,.14),rgba(238,141,58,.08));top:-80px;left:-80px}
.flyup-ref-landing-wrap:after{width:320px;height:320px;background:linear-gradient(135deg,rgba(122,31,43,.08),rgba(111,63,140,.06));bottom:-120px;right:-120px}
.flyup-ref-landing-card{position:relative;max-width:1120px;width:100%;padding:34px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.96),#fff)}
.flyup-ref-landing-card:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--flyup-ref-primary),var(--flyup-ref-gold),var(--flyup-ref-orange),var(--flyup-ref-purple))}
.flyup-ref-landing-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;align-items:start;margin-bottom:30px}
.flyup-ref-landing-copy{padding-right:8px}
.flyup-ref-landing-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f8ebe7,#fff4e2);color:var(--flyup-ref-primary);border:1px solid #efd5ce;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.flyup-ref-landing-card h1{font-size:42px;line-height:1.12;letter-spacing:-.02em;margin:16px 0 10px;color:var(--flyup-ref-text)}
.flyup-ref-landing-lead{font-size:20px;font-weight:700;color:var(--flyup-ref-primary);margin:0 0 12px}
.flyup-ref-landing-intro{margin:0;max-width:760px;color:var(--flyup-ref-muted);font-size:16px;line-height:1.75}
.flyup-ref-landing-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px}
.flyup-ref-landing-note{margin:14px 0 0;color:var(--flyup-ref-muted);font-size:14px;line-height:1.7;max-width:760px}
.flyup-ref-landing-aside{display:grid;gap:14px}
.flyup-ref-landing-aside-card{background:linear-gradient(135deg,#fff9ef,#fff);border:1px solid #f2dfbf;border-radius:20px;padding:22px;box-shadow:0 10px 24px rgba(215,166,62,.10)}
.flyup-ref-landing-mini-label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--flyup-ref-orange);margin-bottom:10px}
.flyup-ref-landing-referrer{display:block;font-size:22px;line-height:1.3;color:var(--flyup-ref-text);margin-bottom:8px}
.flyup-ref-landing-mini-text{display:block;font-size:14px;line-height:1.7;color:var(--flyup-ref-muted)}
.flyup-ref-landing-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.flyup-ref-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #eadfd9;color:var(--flyup-ref-primary-dark);font-size:12px;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.03)}
.flyup-ref-benefit-area{padding-top:8px}
.flyup-ref-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}
.flyup-ref-section-head h2{font-size:24px;line-height:1.2;margin:0;color:var(--flyup-ref-text)}
.flyup-ref-section-head p{margin:0;color:var(--flyup-ref-muted);font-size:14px;max-width:440px;line-height:1.7}
.flyup-ref-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.flyup-ref-benefit-card{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid var(--flyup-ref-border);border-radius:20px;background:linear-gradient(180deg,#fff,#fdf8f7);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.flyup-ref-benefit-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(75,18,20,.09);border-color:#e2c7bf}
.flyup-ref-benefit-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(215,166,62,.16),rgba(238,141,58,.13));color:var(--flyup-ref-primary);font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.flyup-ref-benefit-card h3{margin:0 0 8px;font-size:19px;line-height:1.35;color:var(--flyup-ref-text)}
.flyup-ref-benefit-card p{margin:0;color:var(--flyup-ref-muted);font-size:14px;line-height:1.75}

@media (max-width: 980px){
  .flyup-ref-landing-card{padding:28px}
  .flyup-ref-landing-hero{grid-template-columns:1fr}
  .flyup-ref-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flyup-ref-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flyup-ref-landing-card h1{font-size:34px}
}
@media (max-width: 700px){
  .flyup-ref-landing-wrap{padding:18px 14px}
  .flyup-ref-landing-card{padding:22px 18px;border-radius:18px}
  .flyup-ref-landing-card h1{font-size:28px}
  .flyup-ref-landing-lead{font-size:17px}
  .flyup-ref-landing-intro{font-size:15px;line-height:1.7}
  .flyup-ref-section-head{display:block}
  .flyup-ref-section-head p{margin-top:8px;max-width:none}
  .flyup-ref-benefits-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .flyup-ref-link-head{align-items:flex-start;flex-direction:column}
  .flyup-ref-stats-grid{grid-template-columns:1fr}
  .flyup-ref-link-input{min-width:100%}
  .flyup-ref-table th,.flyup-ref-table td{font-size:13px;padding:10px 8px}
}
