:root{
  --lhj-ab-blue:#0f5fff;
  --lhj-ab-blue-dark:#093dba;
  --lhj-ab-ink:#102033;
  --lhj-ab-muted:#5f6f84;
  --lhj-ab-soft:#f3f7ff;
  --lhj-ab-border:rgba(16,32,51,.12);
  --lhj-ab-shadow:0 18px 45px rgba(16,32,51,.12);
}
.lhj-ab-page{max-width:1180px;margin:0 auto;padding:24px 18px 56px;color:var(--lhj-ab-ink)}
.lhj-ab-hero{border-radius:30px;padding:44px 34px;background:radial-gradient(circle at top left,rgba(15,95,255,.16),transparent 38%),linear-gradient(135deg,#ffffff,#eef5ff);box-shadow:var(--lhj-ab-shadow);border:1px solid var(--lhj-ab-border);overflow:hidden;position:relative}
.lhj-ab-hero:after{content:"";position:absolute;right:-110px;top:-120px;width:280px;height:280px;background:rgba(15,95,255,.12);border-radius:999px;pointer-events:none}
.lhj-ab-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:7px 12px;border-radius:999px;background:rgba(15,95,255,.1);color:var(--lhj-ab-blue-dark);font-weight:800;font-size:13px;letter-spacing:.02em}
.lhj-ab-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:0 0 14px;max-width:760px;color:var(--lhj-ab-ink)}
.lhj-ab-hero p{font-size:18px;line-height:1.65;max-width:780px;color:var(--lhj-ab-muted);margin:0 0 20px}
.lhj-ab-actions,.lhj-ab-share-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lhj-ab-btn,.lhj-ab-share-btn,.lhj-ab-mini-copy{appearance:none;border:0;cursor:pointer;text-decoration:none!important;border-radius:999px;font-weight:850;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 20px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;border:1px solid transparent;white-space:nowrap}
.lhj-ab-btn:hover,.lhj-ab-share-btn:hover,.lhj-ab-mini-copy:hover{transform:translateY(-2px)}
.lhj-ab-btn-primary{background:linear-gradient(135deg,var(--lhj-ab-blue),#4d8dff);color:#fff!important;box-shadow:0 13px 28px rgba(15,95,255,.24)}
.lhj-ab-btn-secondary{background:#fff;color:var(--lhj-ab-blue-dark)!important;border-color:rgba(15,95,255,.22);box-shadow:0 10px 24px rgba(16,32,51,.08)}
.lhj-ab-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.lhj-ab-card,.lhj-ab-section{background:#fff;border:1px solid var(--lhj-ab-border);border-radius:24px;box-shadow:0 12px 30px rgba(16,32,51,.08);padding:24px}
.lhj-ab-card h2,.lhj-ab-section h2{margin:4px 0 10px;color:var(--lhj-ab-ink)}
.lhj-ab-card p,.lhj-ab-section p{color:var(--lhj-ab-muted);line-height:1.62;margin:0 0 14px}
.lhj-ab-icon{font-size:32px;display:inline-flex;margin-bottom:8px}
.lhj-ab-section{margin:18px 0}
.lhj-ab-share{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#f7faff)}
.lhj-ab-share-btn{background:#102033;color:#fff!important;box-shadow:0 10px 22px rgba(16,32,51,.14)}
.lhj-ab-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start;background:var(--lhj-ab-soft)}
.lhj-ab-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fff;border-radius:22px;padding:18px;border:1px solid var(--lhj-ab-border)}
.lhj-ab-form label{font-weight:800;color:var(--lhj-ab-ink);font-size:14px;display:grid;gap:7px}
.lhj-ab-form label:nth-child(5){grid-column:1/-1}
.lhj-ab-form input,.lhj-ab-form select,.lhj-ab-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(16,32,51,.18);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;outline:none;transition:border .18s ease,box-shadow .18s ease}
.lhj-ab-form input:focus,.lhj-ab-form select:focus,.lhj-ab-form textarea:focus{border-color:rgba(15,95,255,.65);box-shadow:0 0 0 4px rgba(15,95,255,.12)}
.lhj-ab-form button{grid-column:1/-1;width:max-content}
.lhj-ab-alert{padding:12px 14px;border-radius:14px;margin-top:12px;font-weight:800}
.lhj-ab-success{background:#e9fff4;color:#087244;border:1px solid rgba(8,114,68,.18)}
.lhj-ab-error{background:#fff0f0;color:#ab2525;border:1px solid rgba(171,37,37,.18)}
.lhj-ab-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.lhj-ab-text-card{border:1px solid var(--lhj-ab-border);border-radius:20px;background:#fff;padding:16px;display:grid;gap:10px}
.lhj-ab-text-card h3{margin:0;color:var(--lhj-ab-ink);font-size:18px}
.lhj-ab-text-card textarea{width:100%;min-height:120px;box-sizing:border-box;border:1px solid rgba(16,32,51,.16);border-radius:14px;padding:12px;resize:vertical;background:#fbfdff;color:var(--lhj-ab-ink)}
.lhj-ab-mini-copy{min-height:38px;padding:11px 15px;background:#eef4ff;color:var(--lhj-ab-blue-dark);border-color:rgba(15,95,255,.12);justify-self:start}
.lhj-ab-inline-share{margin:24px 0;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#102033,#164ba8);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 16px 32px rgba(16,32,51,.14)}
.lhj-ab-inline-share span{opacity:.84}
.lhj-ab-inline-share a{color:#102033!important;background:#fff;text-decoration:none!important;border-radius:999px;padding:10px 15px;font-weight:900}
@media (max-width:820px){
  .lhj-ab-page{padding:16px 12px 40px}
  .lhj-ab-hero{padding:32px 22px;border-radius:24px}
  .lhj-ab-grid-3,.lhj-ab-share,.lhj-ab-form-wrap,.lhj-ab-text-grid{grid-template-columns:1fr}
  .lhj-ab-form{grid-template-columns:1fr}
  .lhj-ab-form button{width:100%}
  .lhj-ab-btn,.lhj-ab-share-btn{width:100%;white-space:normal;text-align:center}
  .lhj-ab-share-buttons{width:100%}
  .lhj-ab-inline-share{align-items:flex-start;flex-direction:column}
}
