.ob-legal-page{min-height:100vh;background:#0a0a1a;color:#e5e7eb;overflow-x:hidden}
.ob-legal-container{max-width:1160px;margin:0 auto;padding:0 40px;position:relative}
.ob-legal-hero{position:relative;overflow:hidden;padding:92px 0 70px;text-align:center;background:linear-gradient(180deg,#0a0a1a 0%,#1a1a2e 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.ob-legal-hero::before{content:'';position:absolute;inset:-28% -20% auto;height:520px;background:radial-gradient(circle at 28% 30%,rgba(99,102,241,.24),transparent 36%),radial-gradient(circle at 72% 22%,rgba(16,185,129,.18),transparent 34%);filter:blur(10px);pointer-events:none}
.ob-legal-hero .ob-legal-container{z-index:1}
.ob-legal-hero h1{max-width:920px;margin:18px auto 20px;color:#fff;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.04;font-weight:800;letter-spacing:-.045em}
.ob-legal-hero p{max-width:760px;margin:0 auto;color:#9ca3af;font-size:1.12rem;line-height:1.75}
.ob-legal-meta{display:inline-flex;margin-top:28px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#d1d5db;font-size:.88rem}
.ob-legal-content{padding:82px 0;background:#0f1022}
.ob-legal-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.ob-legal-summary{position:sticky;top:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.ob-legal-summary h2{color:#fff;font-size:1.2rem;margin:0 0 16px;font-weight:800}
.ob-legal-summary ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ob-legal-summary li{position:relative;padding-left:22px;color:#d1d5db;font-size:.92rem;line-height:1.55}
.ob-legal-summary li::before{content:'✓';position:absolute;left:0;color:#34d399;font-weight:800}
.ob-legal-sections{display:grid;gap:18px}
.ob-legal-sections-wide{max-width:920px;margin:0 auto}
.ob-legal-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.ob-legal-card h2{color:#fff;font-size:1.28rem;line-height:1.25;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.ob-legal-card p{color:#d1d5db;line-height:1.72;margin:0 0 14px;font-size:.98rem}
.ob-legal-card p:last-child{margin-bottom:0}
.ob-legal-card a{color:#818cf8;text-decoration:none;font-weight:700}.ob-legal-card a:hover{text-decoration:underline}
.ob-refund-rule{max-width:920px;margin:0 auto 24px;background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(99,102,241,.11));border:1px solid rgba(16,185,129,.28);border-radius:26px;padding:34px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.ob-refund-rule span{display:inline-block;color:#34d399;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;margin-bottom:12px}
.ob-refund-rule strong{display:block;color:#fff;font-size:clamp(1.65rem,3.5vw,2.7rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:14px}
.ob-refund-rule p{max-width:760px;margin:0 auto;color:#d1d5db;line-height:1.7}
.ob-refund-examples{max-width:920px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ob-refund-examples div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;text-align:center}
.ob-refund-examples strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:8px}.ob-refund-examples span{display:block;color:#9ca3af;font-size:.9rem;line-height:1.55}
@media (max-width:900px){.ob-legal-container{padding:0 20px}.ob-legal-hero{padding:70px 0 52px}.ob-legal-content{padding:60px 0}.ob-legal-grid{grid-template-columns:1fr}.ob-legal-summary{position:static}.ob-refund-examples{grid-template-columns:1fr}.ob-legal-card{padding:24px 20px}}