/* Shared styles for the legal pages (Terms, Privacy, SandBlocks). Loaded after /assets/site.css. */
.legal-hero{padding:180px 0 80px;position:relative;overflow:hidden;text-align:center}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-bg::before{content:'';position:absolute;top:-60%;right:-20%;width:80%;height:160%;background:radial-gradient(ellipse,rgba(99,102,241,.15),transparent 70%)}.hero-bg::after{content:'';position:absolute;top:-40%;left:-25%;width:60%;height:140%;background:radial-gradient(ellipse,rgba(236,72,153,.08),transparent 70%)}.legal-hero .container{position:relative;z-index:1}.section-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);padding:8px 16px;border-radius:50px;font-size:13px;color:var(--primary-light);margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.legal-hero h1{font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1.1;margin-bottom:24px}.legal-hero h1 .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.effective{display:inline-flex;align-items:center;gap:10px;font-size:18px;color:var(--gray-400)}.effective i{color:var(--primary-light)}
.legal-section{padding:0 0 120px}.legal-layout{max-width:1000px;margin:0 auto}
.legal-card{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));border:1px solid var(--gray-700);border-radius:24px;padding:56px}.legal-intro p{font-size:18px;color:var(--gray-300);margin-bottom:16px}.legal-intro p:last-child{margin-bottom:0}
.legal-block{margin-top:40px;padding-top:40px;border-top:1px solid var(--gray-700);scroll-margin-top:110px}.legal-block-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.legal-icon{width:52px;height:52px;background:rgba(99,102,241,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--primary-light);flex-shrink:0;transition:all .4s}.legal-block:hover .legal-icon{background:var(--gradient-1);color:#fff}.legal-block h2{font-size:24px;font-weight:700;line-height:1.3}.legal-block p{font-size:16px;color:var(--gray-400);line-height:1.8;margin-bottom:14px}.legal-block p:last-child{margin-bottom:0}
.legal-list{list-style:none;display:flex;flex-direction:column;gap:12px}.legal-list li{position:relative;padding-left:28px;font-size:16px;color:var(--gray-400);line-height:1.7}.legal-list li::before{content:'';position:absolute;left:4px;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--gradient-1)}
.legal-card a{color:var(--primary-light);text-decoration:none}.legal-card strong{color:var(--gray-300);font-weight:600}.legal-card a:hover{text-decoration:underline}
.section-badge-app{text-transform:none;letter-spacing:.5px;font-size:14px}
.legal-block h3{font-size:18px;font-weight:600;color:#fff;margin:28px 0 12px}.legal-block-header+h3{margin-top:8px}.legal-block .legal-list{margin-bottom:8px}.legal-block p+.legal-list,.legal-block .legal-list+p,.legal-block .legal-table+p{margin-top:14px}.legal-card em{color:var(--gray-300)}
.legal-table{margin:20px 0;border:1px solid var(--gray-700);border-radius:16px;overflow:hidden}.legal-table table{width:100%;border-collapse:collapse;font-size:15px}.legal-table th{text-align:left;padding:14px 18px;background:rgba(99,102,241,.1);color:var(--primary-light);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.legal-table td{padding:16px 18px;border-top:1px solid var(--gray-700);color:var(--gray-400);vertical-align:top;line-height:1.7}.legal-table td strong{color:#fff}
.legal-note{margin-top:20px;padding:24px 28px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.3);border-radius:16px}.legal-note p{color:var(--gray-300);line-height:1.9}.legal-note strong{color:#fff}
@media(max-width:768px){.legal-hero{padding:140px 0 56px}.legal-card{padding:32px 24px}.legal-intro p{font-size:16px}.legal-block-header{gap:16px}.legal-icon{width:44px;height:44px;font-size:18px}.legal-block h2{font-size:20px}}
@media(max-width:600px){.legal-table table,.legal-table thead,.legal-table tbody,.legal-table th,.legal-table td,.legal-table tr{display:block}.legal-table thead{display:none}.legal-table tr{padding:14px 18px;border-top:1px solid var(--gray-700)}.legal-table tr:first-child{border-top:none}.legal-table td{border:none;padding:4px 0}.legal-table td::before{content:attr(data-l);display:block;color:var(--primary-light);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.legal-note{padding:20px}}
@media(max-width:480px){.container{padding:0 16px}.legal-hero h1{font-size:40px}.effective{font-size:16px}}
