/* Shared styles for single-language legal pages (PROSTO.CARDS) */
:root {
    --bg-primary: #050810;
    --bg-card: #111827;
    --text-primary: #ffffff;
    --text-secondary: rgba(255,255,255,0.65);
    --text-muted: rgba(255,255,255,0.40);
    --border: rgba(255,255,255,0.08);
    --accent-pink: #e91e8c;
    --gradient-accent: linear-gradient(135deg, #e91e8c, #6c3cf7);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family:'Mulish',-apple-system,BlinkMacSystemFont,sans-serif;
    background:var(--bg-primary);
    color:var(--text-primary);
    -webkit-font-smoothing:antialiased;
    line-height:1.7;
}
nav {
    position:sticky; top:0; z-index:100;
    padding:0 24px; height:72px;
    display:flex; align-items:center; justify-content:space-between;
    backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
    background:rgba(5,8,16,0.9);
    border-bottom:1px solid var(--border);
}
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo-icon {
    width:36px; height:36px; flex-shrink:0;
    background:var(--gradient-accent); border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 0 20px rgba(233,30,140,0.4);
}
.nav-logo-icon .material-icons { font-size:20px; color:#fff; }
.nav-logo-text { font-size:17px; font-weight:700; color:var(--text-primary); }
.nav-logo-text span { background:var(--gradient-accent); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nav-back {
    color:var(--text-secondary); text-decoration:none; font-size:14px; font-weight:500;
    display:flex; align-items:center; gap:4px; transition:color .2s;
}
.nav-back:hover { color:var(--text-primary); }

.legal-langs {
    max-width:1400px; margin:0 auto; padding:12px 24px 0;
    display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;
}
.lang-pill {
    display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; padding:8px 14px;
    font-size:13px; font-weight:700;
    color:var(--text-secondary);
    text-decoration:none;
    border:1px solid var(--border);
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    transition:color .2s, border-color .2s, background .2s;
}
.lang-pill:hover { color:var(--text-primary); border-color:rgba(255,255,255,0.2); background:rgba(255,255,255,0.07); }
.lang-pill.lang-active {
    color:#fff;
    border-color:rgba(233,30,140,0.45);
    background:rgba(233,30,140,0.12);
}

.legal-container { max-width:900px; margin:0 auto; padding:32px 24px 80px; }
.legal-header { text-align:center; margin-bottom:40px; }
.legal-header h1 { font-size:clamp(26px,4vw,38px); font-weight:800; letter-spacing:-1px; margin-bottom:8px; }
.legal-header .gradient-text { background:var(--gradient-accent); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.legal-date { font-size:15px; color:var(--text-muted); margin-top:8px; }
.legal-company { font-size:14px; color:var(--text-secondary); margin-top:8px; line-height:1.6; }

.legal-content {
    border:1px solid var(--border); border-radius:20px;
    background:var(--bg-card);
    overflow:hidden;
}
.legal-section {
    padding:24px 28px;
    border-bottom:1px solid var(--border);
    font-size:14px;
}
.legal-section:last-child { border-bottom:none; }
.legal-section h2 { font-size:17px; font-weight:700; margin-bottom:12px; color:var(--accent-pink); }
.legal-section h3 { font-size:15px; font-weight:700; margin:14px 0 8px; color:var(--text-primary); }
.legal-section p { margin-bottom:10px; color:var(--text-secondary); }
.legal-section ul, .legal-section ol { margin:0 0 10px 20px; color:var(--text-secondary); }
.legal-section li { margin-bottom:4px; }
.legal-section strong { color:var(--text-primary); }

footer { border-top:1px solid var(--border); padding:48px 24px; }
.footer-inner {
    max-width:1200px; margin:0 auto;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;
}
.footer-logo { font-size:16px; font-weight:700; color:var(--text-primary); display:flex; align-items:center; gap:8px; }
.footer-links { display:flex; gap:24px; list-style:none; flex-wrap:wrap; }
.footer-links a { color:var(--text-muted); text-decoration:none; font-size:14px; transition:color .2s; }
.footer-links a:hover { color:var(--text-secondary); }
.footer-copy { font-size:13px; color:var(--text-muted); }