.ld-legal,
.ld-legal *{box-sizing:border-box}
.ld-legal{
    --ld-primary:#1268FF;
    --ld-accent:#FF1235;
    --ld-title:#06133A;
    --ld-text:#30405F;
    --ld-muted:#6B7892;
    --ld-card-bg:#FFFFFF;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:70px 20px;
    background:
        radial-gradient(circle at 12% 22%, rgba(18,104,255,.12) 0%, transparent 34%),
        radial-gradient(circle at 88% 72%, rgba(255,18,53,.07) 0%, transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    color:var(--ld-text);
    font-family:inherit;
}
.ld-legal__card{
    position:relative;
    z-index:2;
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:64px;
    border-radius:28px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(18,104,255,.12);
    box-shadow:0 30px 80px rgba(6,19,58,.10), 0 8px 24px rgba(18,104,255,.06);
    backdrop-filter:blur(10px);
}
.ld-legal__card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:linear-gradient(135deg, rgba(18,104,255,.12), rgba(255,255,255,0) 30%, rgba(255,18,53,.05));
    opacity:.9;
}
.ld-no-card-glow .ld-legal__card{box-shadow:0 16px 40px rgba(6,19,58,.07)}
.ld-no-card-glow .ld-legal__card::before{display:none}
.ld-legal__header,
.ld-legal__content,
.ld-legal__note{position:relative;z-index:1}
.ld-legal__header{
    max-width:760px;
    margin:0 auto 46px;
    text-align:center;
}
.ld-legal__icon{
    width:74px;
    height:74px;
    margin:0 auto 24px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:var(--ld-primary);
    background:#F1F6FF;
    border:1px solid rgba(18,104,255,.16);
    box-shadow:0 18px 40px rgba(18,104,255,.13), inset 0 1px 0 rgba(255,255,255,.95);
}
.ld-legal__icon svg,
.ld-legal__icon i{width:34px;height:34px;font-size:34px;display:block}
.ld-legal__kicker{
    margin:0 0 10px;
    font-size:13px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.32em;
    color:var(--ld-primary);
    text-transform:uppercase;
}
.ld-legal__title{
    margin:0;
    color:var(--ld-title);
    font-size:clamp(38px,5vw,62px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.035em;
    text-wrap:balance;
}
.ld-legal__line{
    width:64px;
    height:4px;
    margin:20px auto 20px;
    border-radius:999px;
    background:var(--ld-accent);
    box-shadow:0 0 14px rgba(255,18,53,.25);
}
.ld-legal__subtitle{
    margin:0 auto;
    max-width:650px;
    color:var(--ld-muted);
    font-size:18px;
    line-height:1.7;
    text-wrap:balance;
}
.ld-legal__content{
    color:var(--ld-text);
    font-size:16px;
    line-height:1.85;
}
.ld-legal__content > *:first-child{margin-top:0!important}
.ld-legal__content > *:last-child{margin-bottom:0!important}
.ld-legal__content h2,
.ld-legal__content h3,
.ld-legal__content h4{
    position:relative;
    margin:44px 0 16px;
    color:var(--ld-title);
    font-weight:900;
    line-height:1.25;
    letter-spacing:-.02em;
}
.ld-legal__content h2{font-size:clamp(24px,3vw,32px)}
.ld-legal__content h3{font-size:clamp(20px,2.4vw,26px)}
.ld-legal__content h4{font-size:18px}
.ld-legal__content h2::after,
.ld-legal__content h3::after,
.ld-legal__content h4::after{
    content:"";
    display:block;
    width:42px;
    height:3px;
    margin-top:8px;
    border-radius:999px;
    background:var(--ld-primary);
}
.ld-content-icons .ld-legal__content h2,
.ld-content-icons .ld-legal__content h3{padding-left:58px;min-height:42px}
.ld-content-icons .ld-legal__content h2::before,
.ld-content-icons .ld-legal__content h3::before{
    content:"";
    position:absolute;
    left:0;
    top:-4px;
    width:42px;
    height:42px;
    border-radius:12px;
    background:
        linear-gradient(135deg, rgba(18,104,255,.14), rgba(18,104,255,.05)),
        #f2f6ff;
    border:1px solid rgba(18,104,255,.12);
    box-shadow:0 10px 22px rgba(18,104,255,.08);
}
.ld-content-icons .ld-legal__content h2:nth-of-type(2n)::before,
.ld-content-icons .ld-legal__content h3:nth-of-type(2n)::before{background:linear-gradient(135deg, rgba(255,18,53,.10), rgba(18,104,255,.05)), #f7faff}
.ld-legal__content p{margin:0 0 18px}
.ld-legal__content strong{color:var(--ld-title);font-weight:900}
.ld-legal__content a{color:var(--ld-primary);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(18,104,255,.25)}
.ld-legal__content a:hover{border-bottom-color:currentColor}
.ld-legal__content ul,
.ld-legal__content ol{
    margin:22px 0 28px;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
}
.ld-legal__content li{
    position:relative;
    margin:0;
    padding:14px 18px 14px 50px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(18,104,255,.075), rgba(255,255,255,.8));
    border:1px solid rgba(18,104,255,.12);
    box-shadow:0 8px 20px rgba(18,104,255,.04);
}
.ld-legal__content li::before{
    content:"✓";
    position:absolute;
    left:16px;
    top:15px;
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#fff;
    background:var(--ld-primary);
    font-size:13px;
    font-weight:900;
    line-height:1;
}
.ld-legal__content blockquote{
    margin:28px 0;
    padding:20px 22px;
    border-left:4px solid var(--ld-primary);
    border-radius:0 16px 16px 0;
    background:linear-gradient(135deg, rgba(18,104,255,.08), rgba(255,255,255,.9));
    color:var(--ld-title);
    font-weight:700;
}
.ld-legal__content hr{
    border:0;
    border-top:1px solid rgba(18,104,255,.13);
    margin:34px 0;
}
.ld-legal__note{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-top:42px;
    padding:18px 20px;
    border-radius:18px;
    color:#314464;
    background:linear-gradient(135deg, rgba(18,104,255,.08), rgba(255,255,255,.82));
    border:1px solid rgba(18,104,255,.16);
    box-shadow:0 10px 28px rgba(18,104,255,.05);
}
.ld-legal__note p{margin:0!important}
.ld-legal__note-icon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:var(--ld-primary);
    color:#fff;
    font-weight:900;
    box-shadow:0 10px 20px rgba(18,104,255,.22);
}
.ld-legal__orb,
.ld-legal__dots{position:absolute;z-index:0;pointer-events:none}
.ld-legal__orb--blue{
    width:420px;
    height:420px;
    left:-170px;
    bottom:-180px;
    border-radius:50%;
    border:1px solid rgba(18,104,255,.20);
    background:radial-gradient(circle at 55% 45%, rgba(18,104,255,.10), transparent 62%);
}
.ld-legal__orb--red{
    width:520px;
    height:520px;
    right:-210px;
    top:-240px;
    border-radius:50%;
    border:1px solid rgba(255,18,53,.14);
    background:radial-gradient(circle at 40% 60%, rgba(255,18,53,.055), transparent 62%);
}
.ld-legal__dots{
    width:120px;
    height:120px;
    opacity:.34;
    background-image:radial-gradient(circle, rgba(18,104,255,.55) 1.5px, transparent 1.6px);
    background-size:18px 18px;
}
.ld-legal__dots--left{left:9%;top:18%}
.ld-legal__dots--right{right:8%;bottom:14%}
.ld-no-decor .ld-legal__orb,
.ld-no-decor .ld-legal__dots{display:none}
@media(max-width:1024px){
    .ld-legal{padding-left:18px;padding-right:18px}
    .ld-legal__card{padding:46px;border-radius:24px}
    .ld-legal__header{margin-bottom:38px}
}
@media(max-width:767px){
    .ld-legal{padding:30px 14px}
    .ld-legal__card{padding:26px;border-radius:22px}
    .ld-legal__icon{width:62px;height:62px;margin-bottom:18px}
    .ld-legal__icon svg,.ld-legal__icon i{width:28px;height:28px;font-size:28px}
    .ld-legal__kicker{font-size:11px;letter-spacing:.22em}
    .ld-legal__title{font-size:34px;letter-spacing:-.025em}
    .ld-legal__subtitle{font-size:15px;line-height:1.55}
    .ld-legal__content{font-size:15px;line-height:1.75}
    .ld-content-icons .ld-legal__content h2,
    .ld-content-icons .ld-legal__content h3{padding-left:0;min-height:auto}
    .ld-content-icons .ld-legal__content h2::before,
    .ld-content-icons .ld-legal__content h3::before{display:none}
    .ld-legal__content h2,.ld-legal__content h3,.ld-legal__content h4{margin-top:34px}
    .ld-legal__content li{padding:13px 14px 13px 44px}
    .ld-legal__content li::before{left:14px;top:15px}
    .ld-legal__note{flex-direction:column;gap:12px}
    .ld-legal__dots{display:none}
}
