/* =========================================
   VANERA — legal.css
   ========================================= */

   body { background: #0A0A0A; color: #F5F5F0; font-family: 'Inter', sans-serif; }

   .legal-page {
     max-width: 800px;
     margin: 0 auto;
     padding: 120px 24px 80px;
   }
   .legal-page__back {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: #6C63FF;
     font-size: 0.9rem;
     font-weight: 600;
     margin-bottom: 48px;
     transition: 0.3s ease;
   }
   .legal-page__back:hover { gap: 12px; }
   .legal-page__tag {
     display: inline-block;
     background: rgba(108,99,255,0.12);
     color: #6C63FF;
     border: 1px solid rgba(108,99,255,0.3);
     padding: 6px 16px;
     border-radius: 100px;
     font-size: 0.8rem;
     font-weight: 600;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     margin-bottom: 16px;
   }
   .legal-page h1 {
     font-size: clamp(2rem, 4vw, 2.75rem);
     font-weight: 900;
     letter-spacing: -0.03em;
     line-height: 1.2;
     margin-bottom: 12px;
   }
   .legal-page__date {
     color: #888;
     font-size: 0.85rem;
     margin-bottom: 56px;
     padding-bottom: 32px;
     border-bottom: 1px solid #222;
   }
   .legal-page h2 {
     font-size: 1.2rem;
     font-weight: 700;
     margin: 40px 0 12px;
     color: #F5F5F0;
   }
   .legal-page p {
     color: #888;
     font-size: 0.95rem;
     line-height: 1.8;
     margin-bottom: 16px;
   }
   .legal-page ul {
     list-style: disc;
     padding-left: 24px;
     margin-bottom: 16px;
   }
   .legal-page ul li {
     color: #888;
     font-size: 0.95rem;
     line-height: 1.8;
     margin-bottom: 6px;
   }
   .legal-page a { color: #6C63FF; text-decoration: underline; }
   .legal-page strong { color: #F5F5F0; font-weight: 600; }
   
   .legal-footer {
     text-align: center;
     padding: 32px 24px;
     border-top: 1px solid #222;
     color: #555;
     font-size: 0.82rem;
   }
   .legal-footer a { color: #6C63FF; }