.dthcore-modules-page{margin:0;background:var(--paper);color:var(--espresso)}
.dthcore-modules-page .module-hub{min-height:100vh;position:relative;overflow:hidden;background:var(--cream) url(../images/hero-pattern.png) center/cover no-repeat;padding:48px 22px 28px}
.module-wrap{width:min(1500px,100%);margin:auto;position:relative;z-index:2;text-align:center}
.module-brand,.module-brand>a{display:inline-flex;align-items:center;gap:15px}.module-brand .custom-logo{max-height:66px;width:auto}
.module-brand strong{font-size:58px;line-height:1;letter-spacing:-3px;color:var(--espresso)}.module-brand strong i{font-style:normal;color:var(--amber-dark)}
.module-logo-mark{display:grid;place-items:center;width:64px;height:64px;color:#fff;background:linear-gradient(145deg,#f7bd55,var(--amber-dark));border-radius:16px;transform:rotate(30deg);box-shadow:0 12px 24px rgba(201,107,5,.22)}
.module-logo-mark svg{width:40px;stroke:currentColor;fill:none;stroke-width:2;transform:rotate(-30deg)}
.module-wrap h1{font-size:0;margin:0}.module-subtitle{margin:22px 0 34px;color:var(--muted);font-size:22px}
.module-search{width:min(910px,100%);height:70px;margin:0 auto 34px;padding:0 24px;display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);text-align:left}
.module-search span{width:28px;height:28px;color:var(--brown)}.module-search svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
.module-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:inherit;font-size:17px;color:var(--espresso)}.module-search input::placeholder{color:var(--muted)}.module-search kbd{border:0;background:transparent;color:#9a8777;font-family:inherit}
.module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.module-tile{min-height:170px;padding:18px 12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,248,.92);box-shadow:0 8px 22px rgba(85,50,17,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.module-tile:hover,.module-tile:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e8bd7b;outline:0}
.module-tile-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--cream-2);color:var(--amber-dark);margin-bottom:8px}
.module-tile-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.module-tile strong{font-size:19px;line-height:1.25;color:var(--espresso)}.module-tile small{font-size:13px;color:var(--muted);margin-top:4px}
.module-hr .module-tile-icon{background:#fff0e7;color:#d85b1d}.module-marketing .module-tile-icon{background:#fff0df;color:#d97805}.module-analytics .module-tile-icon,.module-payment .module-tile-icon{background:#f7eddc;color:#9a5c18}.module-documents .module-tile-icon,.module-products .module-tile-icon{background:#f5e8d9;color:#ad6530}
.module-footer{margin-top:44px;color:var(--muted);font-size:13px}.module-empty{padding:50px;color:var(--muted)}
.module-orb{position:absolute;border-radius:50%;border:1px solid #f0d6b2;pointer-events:none}.module-orb-one{width:500px;height:500px;right:-250px;top:-210px}.module-orb-two{width:420px;height:420px;left:-270px;bottom:-250px;background:#fff1dc}
.module-orb:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#ffe9bf,#efad47)}.module-orb-one:after{left:76px;top:155px}.module-orb-two:after{right:60px;top:20px}
@media(max-width:1180px){.module-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.dthcore-modules-page .module-hub{padding:32px 14px}.module-brand strong{font-size:42px}.module-logo-mark{width:50px;height:50px}.module-subtitle{font-size:17px;margin:16px 0 25px}.module-search{height:58px;margin-bottom:24px}.module-search kbd{display:none}.module-grid{grid-template-columns:repeat(2,1fr);gap:12px}.module-tile{min-height:145px;padding:14px 8px}.module-tile-icon{width:60px;height:60px}.module-tile-icon svg{width:34px;height:34px}.module-tile strong{font-size:16px}.module-tile small{font-size:11px}}
@media(max-width:390px){.module-brand strong{font-size:34px}}