.legal-page{padding:120px 2rem 4rem;max-width:780px;margin:0 auto;position:relative;z-index:2}.legal-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.legal-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.legal-badge svg{opacity:.5}.legal-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.15}.legal-updated{font-family:var(--font-body);font-size:.85rem;color:var(--text-tertiary);margin:0}.legal-content{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);line-height:1.8}.legal-content h2{font-size:1.4rem;font-weight:700;margin:3rem 0 1rem;letter-spacing:-.01em}.legal-content h2,.legal-content h3{font-family:var(--font-display);color:var(--text-primary)}.legal-content h3{font-size:1.15rem;font-weight:600;margin:2rem 0 .75rem}.legal-content p{margin:0 0 1.25rem}.legal-content ol,.legal-content ul{margin:0 0 1.25rem;padding-inline-start:1.5rem}.legal-content li{margin-bottom:.5rem;line-height:1.7}.legal-content a{color:var(--emerald);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.legal-content a:hover{color:var(--emerald-light)}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-contact-box{margin-top:3rem;padding:1.5rem 2rem;border-radius:1rem;border:1px solid var(--border-subtle);background:rgba(255,255,255,.02)}.legal-contact-box h3{margin-top:0!important;font-size:1.1rem!important}.legal-contact-box a{color:var(--emerald);font-weight:500}.legal-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.85rem;color:var(--text-tertiary);text-decoration:none;margin-bottom:2rem;transition:color .2s ease}.legal-back:hover{color:var(--text-secondary)}.legal-back svg{transition:transform .2s ease}.legal-back:hover svg{transform:translateX(-2px)}[dir=rtl] .legal-back svg{transform:scaleX(-1)}[dir=rtl] .legal-back:hover svg{transform:scaleX(-1) translateX(-2px)}@media (max-width:768px){.legal-page{padding:100px 1.25rem 3rem}.legal-content h2{font-size:1.25rem;margin-top:2.5rem}.legal-contact-box{padding:1.25rem 1.5rem}}