.lkc-fq{
  --lkc-navy:#2e2a6b;
  --lkc-text:#6b6b80;
  --lkc-blue:#4f8ef7;
  --lkc-pink:#ff4778;
  --lkc-yellow:#ffb300;
  position:relative;overflow:hidden;background:#fff;padding:80px 20px 90px;
}

.lkc-oa-listwrap .lkc-oa-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, .92);
    border-radius: 14px;
    border: 1px solid #eeeef6;
    box-shadow: 0 10px 24px -14px rgba(46, 42, 107, .35);
    font-size: 15.5px;
    line-height: 32px;
    color: var(--lkc-navy);
    transition: transform .2s ease, box-shadow .2s ease;
    font-size: 16px !important;
    color: #858687 !important;
}

.lkc-fq *{box-sizing:border-box;}
.lkc-fq-wrap{max-width:1140px;margin:0 auto;position:relative;z-index:2;}
 
.lkc-fq-doodle{position:absolute;z-index:1;pointer-events:none;}
.lkc-fq-d1{width:100px;left:3%;top:40px;transform:rotate(-12deg);}
.lkc-fq-d2{width:22px;right:6%;top:60px;}
.lkc-fq-d3{width:36px;right:3%;bottom:50px;}
 
/* heading */
.lkc-fq-head{text-align:center;margin-bottom:46px;}
.lkc-fq-title{margin:0;font-size:clamp(28px,3.6vw,40px);line-height:1.2;font-weight:700;color:var(--lkc-navy);}
.lkc-fq-line{display:block;width:56px;height:3px;border-radius:3px;background:var(--lkc-yellow);margin:14px auto 0;}
 
/* layout */
.lkc-fq-grid{max-width:880px;margin:0 auto;}
 
/* accordion – refined 3D */
.lkc-fq-list{display:flex;flex-direction:column;gap:16px;perspective:1200px;}
.lkc-fq-item{
  --c:var(--lkc-blue);--cl:#8fb6fb;--cd:#2c66d1;--edge:#dfe6f5;
  position:relative;background:linear-gradient(180deg,#ffffff 0%,#f8f9fd 100%);border-radius:18px;
  border:1px solid #edf0f7;
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 0 var(--edge),
    0 6px 1px rgba(46,42,107,.06),
    0 18px 28px -18px rgba(46,42,107,.45);
  transform:translateZ(0);
  transition:transform .3s ease, box-shadow .3s ease;
}
.lkc-i-pink{--c:var(--lkc-pink);--cl:#ff8fac;--cd:#cf2457;--edge:#f7e1e8;}
.lkc-i-yellow{--c:var(--lkc-yellow);--cl:#ffd36b;--cd:#cf8a00;--edge:#f6ead0;}
.lkc-fq-item:hover{transform:translateY(-2px);}
.lkc-fq-item.is-open{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 0 var(--edge),
    0 8px 1px rgba(46,42,107,.06),
    0 28px 40px -20px rgba(46,42,107,.5);
}
.lkc-fq-item.is-open::before{ /* coloured accent strip */
  content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,var(--cl),var(--cd));
}
 
.lkc-fq-h{margin:0;font-size:inherit;font-weight:inherit;}
.lkc-fq-q{
  width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;background:none;border:0;cursor:pointer;text-align:left;
  font:inherit;color:var(--lkc-navy);border-radius:18px;
}
.lkc-fq-q:focus-visible{outline:3px solid var(--c);outline-offset:2px;}
 
/* 3D icon tile */
.lkc-fq-ico{
  position:relative;flex:0 0 48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,var(--cl) 0%,var(--c) 55%,var(--cd) 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.55),
    inset 0 -3px 6px rgba(0,0,0,.18),
    0 4px 0 var(--cd),
    0 10px 16px -6px rgba(46,42,107,.45);
  transition:transform .3s ease, box-shadow .3s ease;
}
.lkc-fq-ico::after{ /* glass highlight */
  content:"";position:absolute;left:5px;right:5px;top:4px;height:45%;border-radius:10px 10px 14px 14px;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));pointer-events:none;
}
.lkc-fq-ico svg{position:relative;z-index:1;width:30px;height:30px;filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.22));}
.lkc-fq-q:hover .lkc-fq-ico,.lkc-fq-item.is-open .lkc-fq-ico{transform:translateY(-2px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.18),0 6px 0 var(--cd),0 14px 20px -6px rgba(46,42,107,.45);}
.lkc-fq-qt{flex:1;font-size:18px;line-height:1.45;font-weight: 100 !important;}
 
/* 3D toggle button */
.lkc-fq-tg{
  position:relative;flex:0 0 34px;height:34px;border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#eef1f8);
  box-shadow:inset 0 1px 0 #fff,0 3px 0 #dde2ee,0 6px 10px -4px rgba(46,42,107,.35);
  transition:background .25s ease, box-shadow .25s ease, transform .3s ease;
}
.lkc-fq-tg::before,.lkc-fq-tg::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.6px;margin:-1.3px 0 0 -6px;border-radius:2px;background:var(--c);transition:transform .3s ease, background-color .25s ease;}
.lkc-fq-tg::after{transform:rotate(90deg);}
.lkc-fq-item.is-open .lkc-fq-tg{
  background:linear-gradient(160deg,var(--cl),var(--c) 55%,var(--cd));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 4px rgba(0,0,0,.18),0 2px 0 var(--cd),0 4px 8px -3px rgba(46,42,107,.35);
  transform:translateY(1px) rotate(180deg);
}
.lkc-fq-item.is-open .lkc-fq-tg::before,.lkc-fq-item.is-open .lkc-fq-tg::after{background:#fff;}
.lkc-fq-item.is-open .lkc-fq-tg::after{transform:rotate(0deg);}
 
/* answer – inset panel */
.lkc-fq-a{overflow:hidden;transition:height .35s ease;}
.lkc-fq-ain{padding:0 18px 18px 82px;}
.lkc-fq-ain p{
  margin:0;padding:14px 18px;border-radius:12px;background:#f3f5fb;
  box-shadow:inset 0 2px 5px rgba(46,42,107,.08);
  font-size:16px;line-height:1.75;color:var(--lkc-text);
}
 
/* responsive */
@media (max-width:575px){
  .lkc-fq{padding:60px 14px 70px;}
  .lkc-fq-head{margin-bottom:24px;}
  .lkc-fq-q{padding:14px;gap:12px;}
  .lkc-fq-ico{flex-basis:40px;height:40px;border-radius:12px;}
  .lkc-fq-ico svg{width:24px;height:24px;}
  .lkc-fq-qt{font-size:15.5px;}
  .lkc-fq-tg{flex-basis:28px;height:28px;}
  .lkc-fq-ain{padding:0 14px 14px 14px;}
}
@media (prefers-reduced-motion:reduce){
  .lkc-fq *{transition:none !important;animation:none !important;}
}