@import url("nexrent.css?v=20260828b");

.legal-page { background: #f4f4ef; }
.legal-page .scroll-progress { background: var(--yellow); }
.legal-page .site-header { background: rgba(247,247,242,.94); }
.legal-page .nav a:hover, .legal-page .nav a.active { color: #8b6500; }
.legal-page .lang-switch button.active { color: var(--ink); background: var(--yellow); }
.legal-page .btn-primary { color: var(--yellow); background: var(--ink); }
.legal-hero { padding: 70px 0 48px; color: #fff; background: radial-gradient(circle at 86% 5%,rgba(255,196,0,.25),transparent 24rem),linear-gradient(145deg,#101113,#25272b); }
.legal-hero .eyebrow { color: var(--yellow); border-color: rgba(255,196,0,.35); background: rgba(255,196,0,.08); }
.legal-hero h1 { max-width: 920px; margin: 18px 0; font-size: clamp(2.7rem,5vw,4.8rem); line-height: 1.04; letter-spacing: -.055em; }
.legal-hero p { max-width: 830px; color: #c5c7ca; font-size: 16px; line-height: 1.75; }
.legal-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.legal-meta span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.06); font-size: 11px; font-weight: 800; }
.legal-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 28px; padding: 36px 0 80px; }
.legal-toc { position: sticky; top: 100px; align-self: start; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgba(16,17,19,.07); }
.legal-toc strong { display: block; margin: 0 9px 9px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.legal-toc a { display: block; padding: 8px 9px; border-radius: 9px; color: var(--muted); font-size: 12px; font-weight: 700; }
.legal-toc a:hover { color: #8b6500; background: #fff4ca; }
.legal-content { min-width: 0; }
.legal-card, .notice-card, .deletion-form-card { margin-bottom: 17px; padding: 30px; border: 1px solid var(--line); border-radius: 21px; background: #fff; box-shadow: 0 14px 40px rgba(16,17,19,.06); }
.legal-card h2, .deletion-form-card h2 { margin: 0 0 13px; font-size: 25px; letter-spacing: -.03em; }
.legal-card h3 { margin: 24px 0 7px; font-size: 16px; }
.legal-card p, .legal-card li, .deletion-form-card p { color: #5e6267; font-size: 14px; line-height: 1.75; }
.legal-card ul, .legal-card ol { padding-left: 21px; }
.legal-card li + li { margin-top: 7px; }
.section-index { display: inline-grid; width: 31px; height: 31px; margin-bottom: 12px; place-items: center; border-radius: 10px; color: #7d5a00; background: #ffedaa; font-size: 11px; font-weight: 900; }
.notice-card { border-color: #efd675; background: #fff7d8; }
.notice-card strong { display: block; margin-bottom: 4px; }
.notice-card p { margin: 0; color: #665727; font-size: 13px; }
.legal-contact { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px; border-radius: 15px; background: #f4f4ef; }
.legal-contact p { margin: 0; }
.deletion-steps { display: grid; gap: 10px; padding: 0!important; list-style: none; counter-reset: steps; }
.deletion-steps li { position: relative; min-height: 50px; padding: 12px 13px 12px 58px; border: 1px solid var(--line); border-radius: 13px; background: #fafaf7; color: #5e6267; font-size: 14px; counter-increment: steps; }
.deletion-steps li::before { content: counter(steps); position: absolute; top: 9px; left: 10px; display: grid; width: 33px; height: 33px; place-items: center; border-radius: 10px; color: var(--yellow); background: var(--ink); font-weight: 900; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.form-field { display: grid; gap: 7px; }.form-field.full { grid-column: 1/-1; }
.form-field label { font-size: 12px; font-weight: 800; }
.form-field input, .form-field textarea, .form-field select { width: 100%; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: #fafaf7; outline: none; }
.form-field input, .form-field select { height: 47px; padding: 0 12px; }.form-field textarea { min-height: 112px; padding: 12px; resize: vertical; }
.form-field input:focus, .form-field textarea:focus, .form-field select:focus { border-color: #d29c00; box-shadow: 0 0 0 4px rgba(255,196,0,.17); }
.consent { display: grid; grid-template-columns: 20px 1fr; gap: 9px; align-items: start; margin: 16px 0; }
.consent input { width: 17px; height: 17px; margin-top: 4px; accent-color: #c28c00; }.consent span { color: #62666b; font-size: 12px; }
.form-note { margin-top: 12px; color: #777b80!important; font-size: 11px!important; }
.success-note { display: none; margin-top: 14px; padding: 12px; border: 1px solid #9ed8c2; border-radius: 11px; color: #13724f; background: #ebfaf4; font-size: 12px; font-weight: 750; }
[data-lang-content="en"] { display: none!important; }
body.lang-en [data-lang-content="id"] { display: none!important; }
body.lang-en [data-lang-content="en"] { display: revert!important; }

@media (max-width: 1050px) { .legal-layout { grid-template-columns: 1fr; }.legal-toc { display: none; } }
@media (max-width: 820px) { .legal-page .nav.open { display: flex; }.legal-page .header-actions .btn { display: none!important; } }
@media (max-width: 720px) {
  .legal-hero { padding: 50px 0 38px; }.legal-hero h1 { font-size: clamp(2.45rem,12vw,3.5rem); }
  .legal-layout { padding-top: 20px; }.legal-card, .notice-card, .deletion-form-card { padding: 22px; }
  .legal-contact { align-items: flex-start; flex-direction: column; }.form-grid { grid-template-columns: 1fr; }.form-field.full { grid-column: auto; }
}