.legal-page{min-height:100vh;background-color:var(--base-400);padding:4rem 2rem}.legal-container{max-width:800px;margin:0 auto}.legal-back{display:inline-block;color:var(--base-300);text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .3s ease}.legal-back:hover{color:var(--accent-1)}.legal-page h1{color:var(--base-100);margin-bottom:.5rem;font-size:2.5rem}.legal-updated{color:var(--base-300);font-size:.85rem;margin-bottom:3rem}.legal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--base-300)}.legal-loading .spinner{width:40px;height:40px;border:3px solid var(--base-200);border-top-color:var(--accent-1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}.legal-error{text-align:center;padding:60px 20px}.legal-error h1{color:var(--base-100);margin-bottom:1rem}.legal-error p{color:var(--base-300)}.legal-content{color:var(--base-100);line-height:1.7}.legal-content h2{color:var(--accent-1);font-size:1.3rem;margin-top:2.5rem;margin-bottom:1rem;text-transform:none}.legal-content h2:first-child{margin-top:0}.legal-content h3{color:var(--base-100);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem;text-transform:none}.legal-content p{color:var(--base-100);line-height:1.7;margin-bottom:1rem}.legal-content ol,.legal-content ul{list-style:none;padding-left:0;margin-bottom:1rem}.legal-content ol li,.legal-content ul li{color:var(--base-100);padding-left:1.5rem;position:relative;margin-bottom:.75rem;line-height:1.6}.legal-content ul li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background-color:var(--accent-1);border-radius:50%}.legal-content a,.legal-content ol li strong,.legal-content ul li strong{color:var(--accent-1)}.legal-content a{text-decoration:none;transition:opacity .3s ease}.legal-content a:hover{opacity:.8}.legal-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--base-200);display:flex;gap:2rem;flex-wrap:wrap}.legal-footer a{color:var(--base-300);text-decoration:none;font-size:.9rem;transition:color .3s ease}.legal-footer a:hover{color:var(--accent-1)}@media (max-width:768px){.legal-page{padding:2rem 1rem}.legal-page h1{font-size:2rem}.legal-content h2{font-size:1.15rem}.legal-footer{flex-direction:column;gap:1rem}}