/* HẠO NAM AI V2.0.2 — SHARED MODULE SHELL
   Every business module must reuse these geometry rules instead of owning its own shell CSS. */
.module-screen{padding-top:calc(var(--safe-top) + 18px)}
.module-head{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,var(--content-max));margin-bottom:22px}
.module-head-copy{flex:1;min-width:0}.module-kicker{display:block;margin-bottom:5px;color:#64d2ff;font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.module-title{margin:0;color:#f5f5f7;font-size:clamp(30px,7vw,46px);line-height:1.05;letter-spacing:-.8px}.module-subtitle{max-width:680px;margin:7px 0 0;color:var(--text-2);font-size:14px;line-height:1.45}
.module-home,.module-back{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.11);color:var(--blue);background:linear-gradient(145deg,rgba(53,53,58,.52),rgba(24,24,28,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.module-home svg,.module-back svg{width:20px;height:20px}.module-home:active,.module-back:active{transform:scale(.95)}
.module-body{display:grid;gap:14px;width:min(100%,var(--content-max))}.module-card{padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(53,53,58,.46),rgba(24,24,28,.48));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 34px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
.module-card h2{margin:0 0 7px;font-size:18px}.module-card p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.5}.module-card .module-state{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border-radius:999px;background:rgba(100,210,255,.08);border:1px solid rgba(100,210,255,.14);color:#64d2ff;font-size:11px;font-weight:720}.module-state-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.module-grid{display:grid;grid-template-columns:1fr;gap:12px;width:min(100%,var(--module-max))}.module-launch{min-height:104px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid rgba(255,255,255,.10);border-radius:20px;color:#fff;text-align:left;background:linear-gradient(145deg,rgba(35,70,108,.58),rgba(17,25,40,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 38px rgba(0,0,0,.12);transition:transform .18s var(--motion),border-color .18s var(--motion),filter .18s var(--motion)}.module-launch strong{font-size:18px}.module-launch small{margin-top:5px;color:rgba(255,255,255,.62);font-size:11.5px}.module-launch:hover{border-color:rgba(255,255,255,.16);filter:brightness(1.035)}.module-launch:active{transform:scale(.985)}
.home-launcher{margin-top:22px}.home-launcher .module-launch:nth-child(1){background:linear-gradient(145deg,rgba(46,108,170,.72),rgba(17,38,63,.72))}.home-launcher .module-launch:nth-child(2){background:linear-gradient(145deg,rgba(31,133,112,.60),rgba(16,52,49,.72))}.home-launcher .module-launch:nth-child(3){background:linear-gradient(145deg,rgba(112,72,177,.62),rgba(45,29,76,.72))}.home-tools{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}.home-tool{min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.05);color:#d9d9df;font-size:12px;font-weight:650}
.brand-lockup{min-width:0}.brand-lockup .title{margin:0}.brand-subline{margin-top:5px;color:var(--text-2);font-size:11.5px;font-weight:620;letter-spacing:.015em}.brand-subline strong{color:#a9b8c9;font-weight:760}
@media(min-width:540px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-launch{min-height:118px}}
@media(min-width:900px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-launch{min-height:136px}}
@media(min-width:1200px){.module-screen{padding-top:32px}.module-head{margin-bottom:26px}.module-title{font-size:46px}.module-grid{max-width:var(--module-max)}.module-home,.module-back{width:46px;height:46px}}