/* ═══════════════════════════════════════════════════════════════════════
   LEGAL PAGE - CSS ULTRA-PREMIUM V3
   Emplacement: app/static/css/legal_page.css
   ═══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
    --bg-deep:#050810;--bg-card:rgba(12,17,35,.65);
    --text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:rgba(255,255,255,.45);
    --accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-gold:#f5c542;--accent-emerald:#10b981;
    --gradient-primary:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#6366f1 100%);
    --radius-lg:20px;--radius-md:14px;--radius-sm:10px;
    --font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --font-mono:'JetBrains Mono','Fira Code',monospace;
    --shadow-card:0 4px 40px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.03) inset,0 1px 0 rgba(255,255,255,.05) inset;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    font-family:var(--font-body);
    background:var(--bg-deep);
    min-height:100vh;
    color:var(--text-secondary);
    line-height:1.75;
    position:relative;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* ═══ SCROLL PROGRESS ═══ */
.lp-scroll-progress{
    position:fixed;top:0;left:0;width:0%;height:2px;
    background:var(--gradient-primary);z-index:9999;
    transition:width 50ms linear;
    box-shadow:0 0 12px rgba(59,130,246,.5);
}

/* ═══ FOND MULTICOUCHE ═══ */
body::before{
    content:'';position:fixed;inset:0;
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%,rgba(59,130,246,.07) 0%,transparent 60%),
        radial-gradient(ellipse 80% 100% at 100% 100%,rgba(139,92,246,.05) 0%,transparent 50%),
        linear-gradient(175deg,#050810 0%,#0a1025 30%,#0d1535 55%,#0a1025 80%,#050810 100%);
    z-index:0;
}

body::after{
    content:'';position:fixed;inset:0;
    background:
        radial-gradient(900px circle at 15% 15%,rgba(59,130,246,.09) 0%,transparent 55%),
        radial-gradient(700px circle at 85% 25%,rgba(139,92,246,.08) 0%,transparent 50%),
        radial-gradient(800px circle at 65% 80%,rgba(6,182,212,.06) 0%,transparent 50%),
        radial-gradient(600px circle at 5% 75%,rgba(245,197,66,.03) 0%,transparent 45%),
        radial-gradient(500px circle at 50% 50%,rgba(99,102,241,.04) 0%,transparent 40%);
    animation:orbDrift 30s ease-in-out infinite alternate;
    pointer-events:none;z-index:0;
}

@keyframes orbDrift{
    0%{background:radial-gradient(900px circle at 15% 15%,rgba(59,130,246,.09) 0%,transparent 55%),radial-gradient(700px circle at 85% 25%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(800px circle at 65% 80%,rgba(6,182,212,.06) 0%,transparent 50%),radial-gradient(600px circle at 5% 75%,rgba(245,197,66,.03) 0%,transparent 45%),radial-gradient(500px circle at 50% 50%,rgba(99,102,241,.04) 0%,transparent 40%)}
    50%{background:radial-gradient(900px circle at 25% 25%,rgba(59,130,246,.11) 0%,transparent 55%),radial-gradient(700px circle at 75% 35%,rgba(139,92,246,.07) 0%,transparent 50%),radial-gradient(800px circle at 55% 70%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(600px circle at 15% 65%,rgba(245,197,66,.04) 0%,transparent 45%),radial-gradient(500px circle at 45% 45%,rgba(99,102,241,.05) 0%,transparent 40%)}
    100%{background:radial-gradient(900px circle at 22% 18%,rgba(59,130,246,.10) 0%,transparent 55%),radial-gradient(700px circle at 78% 30%,rgba(139,92,246,.09) 0%,transparent 50%),radial-gradient(800px circle at 60% 78%,rgba(6,182,212,.07) 0%,transparent 50%),radial-gradient(600px circle at 12% 72%,rgba(245,197,66,.04) 0%,transparent 45%),radial-gradient(500px circle at 48% 48%,rgba(99,102,241,.04) 0%,transparent 40%)}
}

/* Micro-grille */
.lp-main::before{
    content:'';position:fixed;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:50px 50px;pointer-events:none;z-index:0;
    mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 100%);
    -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 100%);
}

/* Noise texture */
.lp-main::after{
    content:'';position:fixed;inset:0;opacity:.28;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
    background-repeat:repeat;background-size:256px 256px;
    pointer-events:none;z-index:0;mix-blend-mode:overlay;
}

/* ═══ PARTICULES FLOTTANTES ═══ */
.lp-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lp-particles span{
    position:absolute;display:block;width:3px;height:3px;
    background:rgba(139,92,246,.25);border-radius:50%;
    animation:particleFloat linear infinite;
    box-shadow:0 0 6px rgba(139,92,246,.15);
}

.lp-particles span:nth-child(1){left:10%;width:2px;height:2px;animation-duration:22s;animation-delay:0s;bottom:-10%;background:rgba(59,130,246,.3)}
.lp-particles span:nth-child(2){left:25%;width:3px;height:3px;animation-duration:18s;animation-delay:2s;bottom:-10%;background:rgba(139,92,246,.25)}
.lp-particles span:nth-child(3){left:40%;width:2px;height:2px;animation-duration:26s;animation-delay:4s;bottom:-10%;background:rgba(6,182,212,.3)}
.lp-particles span:nth-child(4){left:55%;width:4px;height:4px;animation-duration:20s;animation-delay:1s;bottom:-10%;background:rgba(245,197,66,.15)}
.lp-particles span:nth-child(5){left:70%;width:2px;height:2px;animation-duration:24s;animation-delay:3s;bottom:-10%;background:rgba(59,130,246,.2)}
.lp-particles span:nth-child(6){left:85%;width:3px;height:3px;animation-duration:19s;animation-delay:5s;bottom:-10%;background:rgba(139,92,246,.2)}
.lp-particles span:nth-child(7){left:5%;width:2px;height:2px;animation-duration:28s;animation-delay:7s;bottom:-10%;background:rgba(99,102,241,.25)}
.lp-particles span:nth-child(8){left:50%;width:3px;height:3px;animation-duration:21s;animation-delay:.5s;bottom:-10%;background:rgba(6,182,212,.2)}
.lp-particles span:nth-child(9){left:35%;width:2px;height:2px;animation-duration:25s;animation-delay:6s;bottom:-10%;background:rgba(59,130,246,.15)}
.lp-particles span:nth-child(10){left:75%;width:3px;height:3px;animation-duration:23s;animation-delay:8s;bottom:-10%;background:rgba(139,92,246,.2)}
.lp-particles span:nth-child(11){left:15%;width:2px;height:2px;animation-duration:27s;animation-delay:1.5s;bottom:-10%;background:rgba(245,197,66,.1)}
.lp-particles span:nth-child(12){left:60%;width:2px;height:2px;animation-duration:20s;animation-delay:9s;bottom:-10%;background:rgba(6,182,212,.25)}

@keyframes particleFloat{
    0%{transform:translateY(0) translateX(0);opacity:0}
    10%{opacity:1}90%{opacity:1}
    100%{transform:translateY(-110vh) translateX(40px);opacity:0}
}

/* ═══ HEADER ═══ */
.lp-header{
    position:sticky;top:0;z-index:100;
    background:rgba(5,8,16,.72);
    backdrop-filter:blur(28px) saturate(1.6);
    -webkit-backdrop-filter:blur(28px) saturate(1.6);
    border-bottom:1px solid rgba(255,255,255,.04);
    padding:0 5%;
}

.lp-header::after{
    content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),rgba(139,92,246,.2),transparent);
}

.lp-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}

.lp-logo-link{display:flex;align-items:center;gap:.8rem;text-decoration:none}

.lp-logo-icon{
    width:40px;height:40px;background:rgba(255,255,255,.04);border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;
}
.lp-logo-link:hover .lp-logo-icon{border-color:rgba(59,130,246,.2);box-shadow:0 2px 15px rgba(59,130,246,.15)}
.lp-logo-icon img{width:22px;height:22px;object-fit:contain}

.lp-logo-text{
    font-size:1.2rem;font-weight:700;letter-spacing:-.02em;
    background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 40%,#c084fc 70%,#60a5fa 100%);
    background-size:300% auto;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    animation:shimmerLogo 8s linear infinite;
}
@keyframes shimmerLogo{0%{background-position:0% center}100%{background-position:300% center}}

.lp-header-actions{display:flex;align-items:center;gap:1rem}

.lp-header-cta{
    display:flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;
    background:var(--gradient-primary);color:#fff;text-decoration:none;
    border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;
    transition:all .35s ease;white-space:nowrap;letter-spacing:.01em;
    position:relative;overflow:hidden;
    box-shadow:0 4px 15px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.12);
}
.lp-header-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}
.lp-header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(59,130,246,.35),inset 0 1px 0 rgba(255,255,255,.15)}
.lp-header-cta:hover::before{opacity:1}

/* ═══ LANG SELECTOR ═══ */
.lp-lang-selector{position:relative}

.lp-lang-btn{
    display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
    border-radius:var(--radius-sm);color:rgba(255,255,255,.6);
    font-size:.84rem;font-weight:500;cursor:pointer;transition:all .3s ease;
    font-family:var(--font-body);
}
.lp-lang-btn:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.12)}
.lp-lang-arrow{font-size:.6rem;transition:transform .3s}

.lp-lang-menu{
    position:absolute;top:calc(100% + .6rem);right:0;min-width:170px;
    background:rgba(10,15,30,.96);backdrop-filter:blur(24px);
    border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);
    overflow:hidden;opacity:0;visibility:hidden;
    transform:translateY(8px) scale(.97);
    transition:all .25s cubic-bezier(.4,0,.2,1);z-index:200;
    box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset;
}
.lp-lang-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

.lp-lang-menu button{
    display:block;width:100%;padding:.7rem 1.1rem;background:none;border:none;
    color:rgba(255,255,255,.6);font-size:.84rem;text-align:left;cursor:pointer;
    transition:all .2s;font-family:var(--font-body);
}
.lp-lang-menu button:hover{background:rgba(59,130,246,.08);color:#fff}

/* ═══ MAIN ═══ */
.lp-main{position:relative;z-index:1;padding:100px 5% 60px}
.lp-container{max-width:920px;margin:0 auto}

/* ═══ TABS ═══ */
.lp-tabs{
    display:flex;gap:.35rem;justify-content:center;margin-bottom:2.5rem;padding:.3rem;
    background:rgba(255,255,255,.02);border-radius:16px;
    border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(12px);position:relative;
}
.lp-tabs::before{
    content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),rgba(139,92,246,.15),transparent);
}

.lp-tab{
    display:flex;align-items:center;gap:.55rem;padding:.9rem 1.75rem;
    background:transparent;border:1px solid transparent;border-radius:13px;
    font-size:.88rem;font-weight:600;color:rgba(255,255,255,.35);
    cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);
    position:relative;font-family:var(--font-body);letter-spacing:.01em;
}
.lp-tab:hover{color:rgba(255,255,255,.65);background:rgba(255,255,255,.03)}
.lp-tab.active{
    background:rgba(59,130,246,.1);color:#93c5fd;
    border:1px solid rgba(59,130,246,.18);
    box-shadow:0 4px 24px rgba(59,130,246,.12),0 0 0 1px rgba(59,130,246,.05) inset;
}
.lp-tab i{font-size:1rem}
@media(max-width:600px){.lp-tabs{flex-direction:column}.lp-tab{justify-content:center}}

/* ═══ PANELS ═══ */
.lp-panel{display:none}
.lp-panel.active{display:block;animation:panelReveal .6s cubic-bezier(.4,0,.2,1)}
@keyframes panelReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ═══ CARD — Glassmorphism ═══ */
.lp-card{
    background:var(--bg-card);border:1px solid rgba(255,255,255,.06);
    border-radius:var(--radius-lg);overflow:hidden;
    backdrop-filter:blur(20px) saturate(1.3);
    -webkit-backdrop-filter:blur(20px) saturate(1.3);
    box-shadow:var(--shadow-card);position:relative;
}

/* Animated gradient border glow */
.lp-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 20%,rgba(139,92,246,.35) 40%,rgba(245,197,66,.2) 60%,rgba(6,182,212,.3) 80%,transparent 100%);
    background-size:200% 100%;animation:borderShimmer 8s linear infinite;z-index:2;
}
@keyframes borderShimmer{0%{background-position:0% 0}100%{background-position:200% 0}}

.lp-card::after{
    content:'';position:absolute;top:50px;left:0;bottom:50px;width:1px;
    background:linear-gradient(180deg,transparent,rgba(59,130,246,.1),rgba(139,92,246,.08),transparent);z-index:2;
}

.lp-card-header{display:flex;align-items:center;gap:1.25rem;padding:2.5rem 2.5rem 0;position:relative}

.lp-card-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;position:relative}

.terms-icon{
    background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.06));
    color:#7db4ff;border:1px solid rgba(59,130,246,.18);
    box-shadow:0 4px 20px rgba(59,130,246,.12),0 0 40px rgba(59,130,246,.04);
}
.privacy-icon{
    background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.06));
    color:#34d399;border:1px solid rgba(16,185,129,.18);
    box-shadow:0 4px 20px rgba(16,185,129,.1),0 0 40px rgba(16,185,129,.04);
}

.lp-card-header h1{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.3;letter-spacing:-.03em}
.lp-card-date{font-size:.8rem;color:var(--text-muted);margin-top:.35rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}
.lp-card-body{padding:2rem 2.5rem 2.5rem}
@media(max-width:640px){.lp-card-header{padding:1.5rem 1.5rem 0;flex-direction:column;text-align:center}.lp-card-header h1{font-size:1.3rem}.lp-card-body{padding:1.5rem}}

/* ═══ INTRO BOX ═══ */
.lp-intro-box{
    background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.03),rgba(245,197,66,.02));
    border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-md);
    padding:1.5rem 1.75rem;margin-bottom:2.5rem;
    font-size:.92rem;color:rgba(255,255,255,.6);line-height:1.9;
    position:relative;overflow:hidden;
}
.lp-intro-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,197,66,.2),rgba(59,130,246,.2),transparent)}
.lp-intro-box p{margin:0}

/* ═══ ARTICLES ═══ */
.lp-article{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.03);animation:articleFadeIn .6s ease forwards;opacity:0}
.lp-article:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.lp-article:nth-child(1){animation-delay:.1s}.lp-article:nth-child(2){animation-delay:.15s}
.lp-article:nth-child(3){animation-delay:.2s}.lp-article:nth-child(4){animation-delay:.25s}
.lp-article:nth-child(5){animation-delay:.3s}.lp-article:nth-child(6){animation-delay:.35s}
.lp-article:nth-child(7){animation-delay:.4s}.lp-article:nth-child(8){animation-delay:.45s}
.lp-article:nth-child(9){animation-delay:.5s}.lp-article:nth-child(10){animation-delay:.55s}
.lp-article:nth-child(11){animation-delay:.6s}.lp-article:nth-child(12){animation-delay:.65s}
@keyframes articleFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.lp-article h2{display:flex;align-items:center;gap:.75rem;font-size:1.22rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;letter-spacing:-.015em}

.article-number{
    display:inline-flex;align-items:center;justify-content:center;
    padding:.35rem 1rem;background:var(--gradient-primary);color:#fff;
    border-radius:8px;font-size:.7rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;
    box-shadow:0 3px 12px rgba(59,130,246,.25);font-family:var(--font-mono);
}

.lp-article h3{font-size:1rem;font-weight:600;color:#cbd5e1;margin:1.5rem 0 .75rem;padding-left:.9rem;border-left:3px solid;border-image:linear-gradient(180deg,#3b82f6,#8b5cf6) 1;letter-spacing:-.01em}
.lp-article p{color:rgba(255,255,255,.55);font-size:.91rem;line-height:1.85;margin-bottom:.75rem}
.lp-article ul{list-style:none;padding:0;margin:.75rem 0}
.lp-article ul li{position:relative;padding:.55rem 0 .55rem 1.75rem;color:rgba(255,255,255,.55);font-size:.91rem;line-height:1.8}
.lp-article ul li::before{content:'';position:absolute;left:0;top:1rem;width:6px;height:6px;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 8px rgba(59,130,246,.35)}
.lp-article ul li strong{color:#cbd5e1}

/* ═══ DEFINITION LIST ═══ */
.lp-def-list li{padding:.85rem 0 .85rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.025);transition:background .3s ease}
.lp-def-list li:hover{background:rgba(255,255,255,.01)}
.lp-def-list li:last-child{border-bottom:none}
.lp-def-list li strong{color:#7db4ff;font-weight:600}

/* ═══ HIGHLIGHT BOX ═══ */
.lp-highlight-box{display:flex;gap:1rem;padding:1.3rem 1.5rem;background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.1);border-radius:var(--radius-md);margin:1.25rem 0;position:relative;overflow:hidden;transition:all .3s ease}
.lp-highlight-box:hover{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.15)}
.lp-highlight-box::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#f59e0b,#ef4444);border-radius:3px 0 0 3px}
.lp-highlight-box>i{font-size:1.35rem;color:#f59e0b;margin-top:.15rem;flex-shrink:0}
.lp-highlight-box strong{display:block;font-size:.92rem;font-weight:700;color:#fbbf24;margin-bottom:.35rem}
.lp-highlight-box p{color:rgba(255,255,255,.55);font-size:.87rem;line-height:1.8;margin:0}

.lp-rights-exercise{background:rgba(59,130,246,.04);border-color:rgba(59,130,246,.1)}
.lp-rights-exercise:hover{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.15)}
.lp-rights-exercise::before{background:linear-gradient(180deg,#3b82f6,#8b5cf6)}
.lp-rights-exercise>i{color:#60a5fa}.lp-rights-exercise strong{color:#93c5fd}

/* ═══ DATA CATEGORIES ═══ */
.lp-data-category{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:.85rem;transition:all .3s ease}
.lp-data-category:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.07);transform:translateX(3px)}
.lp-data-category h3{display:flex;align-items:center;gap:.6rem;font-size:.96rem;font-weight:600;color:#cbd5e1;margin:0 0 .5rem;padding-left:0;border-left:none}
.lp-data-category h3 i{color:#7db4ff;font-size:.9rem}
.lp-data-category p{color:rgba(255,255,255,.5);font-size:.87rem;margin:0}

/* ═══ BASES JURIDIQUES GRID ═══ */
.lp-bases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:.75rem 0}
@media(max-width:640px){.lp-bases-grid{grid-template-columns:1fr}}
.lp-base-item{display:flex;gap:1rem;padding:1.25rem;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);transition:all .35s ease}
.lp-base-item:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}
.lp-base-icon{width:44px;height:44px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.06));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7db4ff;font-size:1rem;flex-shrink:0;box-shadow:0 3px 12px rgba(59,130,246,.08)}
.lp-base-item strong{display:block;color:#cbd5e1;font-size:.87rem;margin-bottom:.3rem}
.lp-base-item p{color:rgba(255,255,255,.45);font-size:.8rem;margin:0}

/* ═══ RETENTION TABLE ═══ */
.lp-retention-table{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.05);margin:.75rem 0}
.lp-retention-row{display:grid;grid-template-columns:1fr 1.5fr;padding:.9rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.86rem;transition:background .2s}
.lp-retention-row:last-child{border-bottom:none}
.lp-retention-header{background:rgba(59,130,246,.06);font-weight:700;color:#93c5fd;font-size:.78rem;text-transform:uppercase;letter-spacing:.7px;font-family:var(--font-mono)}
.lp-retention-row:not(.lp-retention-header) span:first-child{color:#cbd5e1;font-weight:500}
.lp-retention-row:not(.lp-retention-header) span:last-child{color:rgba(255,255,255,.45)}
.lp-retention-row:not(.lp-retention-header):hover{background:rgba(255,255,255,.015)}
@media(max-width:500px){.lp-retention-row{grid-template-columns:1fr;gap:.25rem}}

/* ═══ SECURITY GRID ═══ */
.lp-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:.75rem 0}
@media(max-width:640px){.lp-security-grid{grid-template-columns:1fr}}
.lp-security-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(16,185,129,.025);border:1px solid rgba(16,185,129,.06);border-radius:12px;transition:all .35s ease}
.lp-security-item:hover{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.12);transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.06)}
.lp-security-item i{color:#34d399;font-size:1.05rem;flex-shrink:0}
.lp-security-item strong{color:#cbd5e1;font-size:.84rem;font-weight:500}

/* ═══ RIGHTS GRID ═══ */
.lp-rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}
@media(max-width:768px){.lp-rights-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.lp-rights-grid{grid-template-columns:1fr}}
.lp-right-item{text-align:center;padding:1.5rem 1rem;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);transition:all .35s ease}
.lp-right-item:hover{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.12);transform:translateY(-3px);box-shadow:0 10px 30px rgba(59,130,246,.08)}
.lp-right-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.06));border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;color:#7db4ff;font-size:1.1rem;box-shadow:0 3px 12px rgba(59,130,246,.08)}
.lp-right-item strong{display:block;color:#f1f5f9;font-size:.87rem;margin-bottom:.35rem}
.lp-right-item p{color:rgba(255,255,255,.4);font-size:.78rem;margin:0;line-height:1.55}

/* ═══ CONTACT GRID ═══ */
.lp-contact-grid{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}
.lp-contact-item{display:flex;align-items:center;gap:.8rem;padding:1rem 1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:12px;font-size:.87rem;transition:all .35s ease}
.lp-contact-item:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);transform:translateX(3px)}
.lp-contact-item i{color:#7db4ff;font-size:1rem;width:20px;text-align:center;flex-shrink:0}
.lp-contact-item span{color:rgba(255,255,255,.4);font-weight:500}
.lp-contact-item a{color:#7db4ff;text-decoration:none;font-weight:500;transition:color .3s}
.lp-contact-item a:hover{color:#93c5fd;text-decoration:underline}

/* ═══ FOOTER ═══ */
.lp-footer{position:relative;z-index:1;padding:2rem 5%;border-top:1px solid rgba(255,255,255,.04)}
.lp-footer::before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),rgba(139,92,246,.08),transparent)}
.lp-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.lp-footer-inner p{color:rgba(255,255,255,.3);font-size:.8rem}
.lp-footer-links{display:flex;gap:1.5rem}
.lp-footer-links a{color:rgba(255,255,255,.35);text-decoration:none;font-size:.8rem;transition:color .3s}
.lp-footer-links a:hover{color:#7db4ff}
.lp-footer-badges{display:flex;gap:.6rem}
.lp-badge{display:flex;align-items:center;gap:.3rem;padding:.35rem .7rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);border-radius:7px;font-size:.72rem;color:rgba(255,255,255,.4)}
.lp-badge i{color:#7db4ff;font-size:.72rem}
@media(max-width:700px){.lp-footer-inner{flex-direction:column;text-align:center}.lp-footer-links{justify-content:center}.lp-footer-badges{justify-content:center}}

/* ═══ RTL SUPPORT ═══ */
[dir="rtl"] .lp-article ul li{padding-left:0;padding-right:1.75rem}
[dir="rtl"] .lp-article ul li::before{left:auto;right:0}
[dir="rtl"] .lp-article h3{padding-left:0;padding-right:.9rem;border-left:none;border-right:3px solid;border-image:linear-gradient(180deg,#3b82f6,#8b5cf6) 1}
[dir="rtl"] .lp-lang-menu{right:auto;left:0}
[dir="rtl"] .lp-highlight-box{flex-direction:row-reverse}
[dir="rtl"] .lp-highlight-box::before{left:auto;right:0;border-radius:0 3px 3px 0}
[dir="rtl"] .lp-contact-item{flex-direction:row-reverse}
[dir="rtl"] .lp-base-item{flex-direction:row-reverse}
[dir="rtl"] .lp-data-category:hover{transform:translateX(-3px)}
[dir="rtl"] .lp-contact-item:hover{transform:translateX(-3px)}

/* ═══ PRINT ═══ */
@media print{
    body{background:#fff!important;color:#000!important}
    body::before,body::after,.lp-main::before,.lp-main::after,.lp-particles,.lp-scroll-progress{display:none!important}
    .lp-header,.lp-footer,.lp-tabs,.lp-lang-selector{display:none!important}
    .lp-main{padding:0}.lp-panel{display:block!important}
    .lp-card{background:#fff!important;border:1px solid #ddd;box-shadow:none;backdrop-filter:none}
    .lp-card::before,.lp-card::after{display:none}
    .lp-card-header h1{color:#000}
    .lp-article h2,.lp-article h3{color:#111}
    .lp-article p,.lp-article ul li{color:#333}
    .article-number{background:#2563eb;color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ═══ SCROLLBAR ═══ */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.01)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.06);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.12)}

/* ═══ SELECTION ═══ */
::selection{background:rgba(59,130,246,.25);color:#fff}
::-moz-selection{background:rgba(59,130,246,.25);color:#fff}