:root { --ink:#10213d; --muted:#5d6b80; --blue:#1769e0; --green:#087f5b; --line:#dbe4f0; --soft:#f4f7fb; --danger:#b42318; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family:Inter,Arial,sans-serif; color:var(--ink); background:linear-gradient(135deg,#eef4ff,#f8fbff); }
.privacy-shell { width:min(980px,calc(100% - 28px)); margin:28px auto; }
.privacy-top { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:18px; }
.privacy-brand { color:var(--ink); text-decoration:none; font-weight:900; font-size:1.2rem; }
.privacy-actions { display:flex; flex-wrap:wrap; gap:8px; }
.privacy-actions a,.btn { border:1px solid var(--blue); border-radius:10px; padding:10px 14px; text-decoration:none; font-weight:800; color:var(--blue); background:#fff; cursor:pointer; }
.btn.primary { background:var(--blue); color:#fff; }
.btn.danger { border-color:var(--danger); color:var(--danger); }
.privacy-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:clamp(20px,4vw,42px); box-shadow:0 18px 50px rgba(25,55,100,.09); }
.privacy-card h1 { margin:0 0 8px; font-size:clamp(1.8rem,4vw,2.6rem); }
.privacy-card h2 { margin:30px 0 8px; font-size:1.25rem; }
.privacy-card h3 { margin:20px 0 6px; font-size:1rem; }
.privacy-card p,.privacy-card li { color:var(--muted); line-height:1.65; }
.version { display:inline-block; padding:5px 10px; border-radius:999px; background:#eaf2ff; color:var(--blue); font-weight:800; font-size:.82rem; }
.notice { border-left:4px solid var(--blue); background:#eef5ff; border-radius:9px; padding:14px 16px; margin:18px 0; color:var(--ink); }
.notice.warning { border-color:#d97706; background:#fff7e6; }
.check-row { display:flex; align-items:flex-start; gap:10px; margin:15px 0; padding:14px; border:1px solid var(--line); border-radius:12px; }
.check-row input { margin-top:4px; width:18px; height:18px; flex:0 0 auto; }
.field { margin:14px 0; }
.field label { display:block; font-weight:800; margin-bottom:6px; }
.field input,.field select,.field textarea { width:100%; border:1px solid #b9c7da; border-radius:10px; padding:11px 12px; font:inherit; }
.field textarea { min-height:120px; resize:vertical; }
.status { padding:12px 14px; margin:14px 0; border-radius:10px; background:var(--soft); color:var(--ink); font-weight:700; }
.status.ok { background:#e7f7ef; color:#067647; }
.status.error { background:#fff0ee; color:var(--danger); }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mini-card { border:1px solid var(--line); border-radius:14px; padding:18px; }
.mini-card h2 { margin-top:0; }
.request-list { display:grid; gap:10px; margin-top:12px; }
.request-item { border:1px solid var(--line); border-radius:10px; padding:12px; }
.request-item strong { display:block; }
.small { font-size:.88rem; color:var(--muted); }
footer { text-align:center; color:var(--muted); padding:20px 0; font-size:.85rem; }
@media (max-width:720px) { .grid { grid-template-columns:1fr; } .privacy-top { align-items:flex-start; flex-direction:column; } }
