Beschreibung

.hdd{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f0f11;line-height:1.85;letter-spacing:.2px;font-size:17px}
.hdd p{margin:0 0 14px}
.hdd .wrap{border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.08);margin-bottom:14px}
.hdd .hero{background:linear-gradient(135deg,#000 0%,#1a1628 45%,#9181cb 100%);padding:24px 18px 18px}
.hdd .hero h1{margin:0 0 8px;font-size:24px;font-weight:900;color:#fff}
.hdd .hero p{margin:0;color:#efeafe;font-size:15px}
.hdd .grid{display:block}
.hdd .card{background:#fff;border:1px solid #dcd9ea;border-radius:16px;padding:18px;margin-top:14px}
.hdd .card.lilac-left{border-left:8px solid #9181cb}
.hdd .card.soft{background:#f6f4ff;border-color:#cdc8ec}
.hdd .title{margin:0 0 10px;font-size:18px;font-weight:900;color:#2c2263}
.hdd .list{margin:8px 0 0 20px;padding:0}
.hdd .list li{margin:7px 0}
.hdd .legal{border:2px solid #9181cb;background:#fbfaff;border-radius:16px;padding:16px}
.hdd a{color:#7d6ed3;font-weight:650;text-decoration:none}
@media (min-width:640px){
.hdd{font-size:17px}
.hdd .hero h1{font-size:26px}
.hdd .grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
}