.ip-rules-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;margin-bottom:22px;border:1px solid #ddd4ff;border-radius:18px;background:linear-gradient(120deg,#fff 15%,#f5f1ff 100%);box-shadow:0 16px 40px rgba(48,24,114,.08)}
.ip-rules-hero>div{position:relative;padding-left:68px}
.ip-rules-shield{position:absolute;left:0;top:1px;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#6e38eb,#4a20bd);color:#fff;font:800 21px Manrope;box-shadow:0 12px 24px rgba(89,48,207,.24)}
.ip-rules-hero h2{margin:4px 0 6px;font:800 23px Manrope;color:#271261}
.ip-rules-hero p{max-width:760px;margin:0;color:#717b91;line-height:1.6}
.ip-rules-hero>.pill{flex:0 0 auto;padding:8px 13px}
.ip-rules-card{padding:0;overflow:hidden}
.ip-rules-head{padding:23px 25px 18px;border-bottom:1px solid #ece8f7}
.ip-rules-head h2{margin:4px 0}
.ip-rules-head p{margin:4px 0 0;color:var(--muted)}
.ip-rules-table{min-width:780px}
.ip-rules-table th:last-child,.ip-rules-table td:last-child{width:170px}
.ip-rules-table td{vertical-align:middle}
.ip-rule-user{display:flex;align-items:center;gap:12px}
.ip-rule-user .avatar{width:36px;height:36px;flex:0 0 36px;color:#fff}
.ip-rule-user strong,.ip-rule-user small{display:block}
.ip-rule-user small{margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:720px){.ip-rules-hero{align-items:flex-start;flex-direction:column}.ip-rules-hero>div{padding-left:0}.ip-rules-shield{position:static;margin-bottom:13px}.ip-rules-head{padding:20px}}