.legal-page-container{background:var(--color-bg-main);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.legal-header{z-index:100;background:rgba(var(--color-bg-main-rgb), .9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:70px;padding:0 clamp(20px,4vw,64px);transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.legal-logo{color:var(--color-text-primary);font-family:var(--font-fredoka);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;text-decoration:none;transition:transform .2s;display:flex}.legal-logo:hover{transform:scale(1.02)}.legal-logo-mark{background:var(--color-primary);width:36px;height:36px;color:var(--color-white);border-radius:10px;justify-content:center;align-items:center;display:flex}.legal-logo-image{width:auto;height:36px;display:block}.legal-logo b{color:var(--color-primary);font-weight:800}.legal-nav-back{color:var(--color-primary);background:var(--color-primary-light);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.legal-nav-back:hover{background:var(--color-primary-light-hover);transform:translate(-2px)}.legal-main{flex-grow:1;grid-template-columns:1fr;align-self:center;gap:40px;width:100%;max-width:1280px;margin-top:70px;padding:40px clamp(20px,4vw,64px);display:grid}@media (min-width:768px){.legal-main{grid-template-columns:260px 1fr;align-items:start}}.legal-toc-wrapper{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 20px rgba(var(--color-black-rgb), .02);border-radius:16px;padding:24px;position:sticky;top:110px}.legal-toc-title{font-family:var(--font-fredoka);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:1.1rem;font-weight:700}.legal-toc-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.legal-toc-button{text-align:left;font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-size:.9rem;font-weight:500;line-height:1.4;transition:all .2s;display:block}.legal-toc-button:hover{color:var(--color-primary);transform:translate(4px)}.legal-toc-item.active .legal-toc-button{color:var(--color-primary);border-left:2px solid var(--color-primary);margin-left:-10px;padding-left:8px;font-weight:700}.legal-content-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 30px rgba(var(--color-black-rgb), .03);border-radius:20px;padding:40px clamp(20px,5vw,48px)}.legal-title{font-family:var(--font-fredoka);color:var(--color-text-primary);margin-bottom:8px;font-size:clamp(2rem,4vw,2.5rem);font-weight:800;line-height:1.2}.legal-last-updated{color:var(--color-text-secondary);margin-bottom:40px;font-size:.9rem;font-weight:500;display:block}.legal-section{margin-bottom:40px;scroll-margin-top:100px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-family:var(--font-fredoka);color:var(--color-text-primary);border-bottom:2px solid var(--color-primary-light);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:1.5rem;font-weight:700}.legal-section p{color:var(--color-text-primary);margin-bottom:16px;font-size:1rem;line-height:1.7}.legal-section ul{flex-direction:column;gap:8px;margin-bottom:16px;padding-left:24px;display:flex}.legal-section li{color:var(--color-text-primary);font-size:1rem;line-height:1.6}.legal-section li strong,.legal-section p strong{color:var(--color-primary-hover)}.legal-footer{background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;margin-top:auto;padding:30px clamp(20px,4vw,64px)}.legal-footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.legal-footer-links a{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.legal-footer-links a:hover{color:var(--color-primary)}.legal-footer p{color:var(--color-text-muted);margin:0;font-size:.85rem}