.home-info-section{margin-top:28px}.home-v3-hero{margin-bottom:8px}.home-announcement-grid,.home-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-announcement-card,.home-resource-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #eadde4;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(65,29,46,.06);text-decoration:none;color:inherit}.home-announcement-card{border-left:4px solid #e31667}.home-announcement-card.severity-urgent{border-left-width:6px}.home-announcement-card>div>span,.home-card-tags{font-size:12px;font-weight:800;letter-spacing:.02em}.home-announcement-card h3,.home-resource-card h3{margin:0;font-size:18px;line-height:1.35}.home-announcement-card p,.home-resource-card p{margin:0;color:#63545b;line-height:1.55}.home-announcement-card a,.home-resource-card b{margin-top:auto;color:#c50f58;font-weight:800}.home-card-tags{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-card-tags span{color:#8b335a}.home-card-tags em{font-style:normal;padding:5px 8px;border-radius:999px;background:#f5f1f3;color:#604b55}.home-card-tags em.is-public{background:#edf8f2;color:#22754a}.home-card-tags em.is-login,.home-card-tags em.is-registered{background:#fff1f6;color:#a61250}.home-resource-card small{color:#76646d}.home-resource-card:hover{transform:translateY(-2px);border-color:#e7b8cc}.media-card-v3{background:linear-gradient(180deg,#fff,#fff9fc)}.home-tool-grid{margin-top:18px}.home-aibuddy-section,.home-help-section{margin-top:28px;padding:24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#fff2f7,#fff);border:1px solid #f2cadc}.home-aibuddy-section h2,.home-help-section h2{margin:4px 0 8px}.home-aibuddy-section p,.home-help-section p{margin:0;color:#68565f}.home-help-section>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.home-empty-guide article{min-height:150px}.home-empty-guide article p{color:#64545d}.home-announcement-section .section-title,.home-info-section>.section-title{align-items:flex-end}

/* Start Here: a clear three-step implementation path instead of uneven feature cards. */
#dinh-huong{padding:22px 0 50px}#dinh-huong>.section-title{margin-bottom:18px}#dinh-huong .orientation-grid.home-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}#dinh-huong .home-resource-card{position:relative;order:4;min-height:188px;padding:54px 20px 18px;gap:7px;border-radius:18px;box-shadow:none;background:rgba(255,255,255,.9);transition:transform .16s ease,border-color .16s ease,background .16s ease}#dinh-huong .home-resource-card:nth-child(3){order:1}#dinh-huong .home-resource-card:nth-child(2){order:2}#dinh-huong .home-resource-card:nth-child(1){order:3;background:linear-gradient(145deg,#fff7fb,#fff);border-color:#efbfd3}#dinh-huong .home-resource-card:nth-child(3)::before,#dinh-huong .home-resource-card:nth-child(2)::before,#dinh-huong .home-resource-card:nth-child(1)::before{position:absolute;top:17px;left:20px;width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#fff2f7;color:#c50f58;font-size:10px;font-weight:900;letter-spacing:.02em}#dinh-huong .home-resource-card:nth-child(3)::before{content:"01"}#dinh-huong .home-resource-card:nth-child(2)::before{content:"02"}#dinh-huong .home-resource-card:nth-child(1)::before{content:"03";background:#cf0d5a;color:#fff}#dinh-huong .home-resource-card::after{position:absolute;top:24px;right:18px;color:#9a7a89;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}#dinh-huong .home-resource-card:nth-child(3)::after{content:"Khung nền"}#dinh-huong .home-resource-card:nth-child(2)::after{content:"Hướng dẫn"}#dinh-huong .home-resource-card:nth-child(1)::after{content:"Thực hiện";color:#c50f58}#dinh-huong .home-card-tags{margin-top:2px;font-size:10px}#dinh-huong .home-card-tags span{display:none}#dinh-huong .home-card-tags em{margin-left:auto;padding:4px 7px;font-size:9px}#dinh-huong .home-resource-card h3{font-size:18px;line-height:1.32;color:#30232b}#dinh-huong .home-resource-card:nth-child(1) h3{color:#bc1760}#dinh-huong .home-resource-card p{font-size:11.5px;line-height:1.45;color:#75616b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#dinh-huong .home-resource-card small{font-size:10px}#dinh-huong .home-resource-card b{font-size:11px;padding-top:5px}#dinh-huong .home-resource-card:nth-child(1) b{display:inline-flex;align-self:flex-start;margin-top:auto;padding:9px 12px;border-radius:10px;background:#cf0d5a;color:#fff}#dinh-huong .home-resource-card:hover{transform:translateY(-2px);border-color:#dfa5bf;background:#fff}#dinh-huong .home-resource-card:focus-visible{outline:3px solid rgba(227,22,103,.18);outline-offset:2px}

/* Resource area: editorial content first, standalone book CTA second, compact utilities last. */
#tai-nguyen{margin-top:38px;padding:0 0 54px;border:0;border-radius:0;background:transparent;box-shadow:none;display:block}#tai-nguyen>.section-title{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #eee3e8}#tai-nguyen>.home-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}#tai-nguyen>.home-resource-grid::before{content:"Học liệu nổi bật";grid-column:1/-1;margin:2px 0 3px;color:#66545d;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}#tai-nguyen .home-resource-card{min-height:158px;padding:15px 16px;gap:6px;border-radius:15px;box-shadow:none;background:#fff;transition:transform .15s ease,border-color .15s ease}#tai-nguyen .home-resource-card:hover{transform:translateY(-1px);border-color:#e3b5c9}#tai-nguyen .home-resource-card h3{font-size:15px;line-height:1.32}#tai-nguyen .home-resource-card p{font-size:11px;line-height:1.4;color:#75616b}#tai-nguyen .home-resource-card small{font-size:10px}#tai-nguyen .home-resource-card b{font-size:10.5px}#tai-nguyen .home-card-tags{font-size:9.5px}#tai-nguyen .home-card-tags em{padding:4px 7px;font-size:8.5px}

#tai-nguyen>.home-tool-grid{margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 10px;padding:0;border:0;background:transparent}#tai-nguyen>.home-tool-grid::before{content:"Truy cập nhanh";order:2;grid-column:1/-1;display:block;margin:2px 0 1px;color:#66545d;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}#tai-nguyen .dashboard-card{order:3;min-height:0;padding:12px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;grid-template-areas:"icon copy arrow";gap:10px;align-items:center;border:1px solid #eee3e8;border-radius:14px;background:rgba(255,255,255,.85);box-shadow:none;transition:background .15s ease,border-color .15s ease}#tai-nguyen .dashboard-card:not(.disabled-card):hover{transform:none;background:#fff7fb;border-color:#e6bfd0;box-shadow:none}#tai-nguyen .dashboard-card .card-top{display:contents}#tai-nguyen .dashboard-card .icon{grid-area:icon;min-width:38px;width:38px;height:38px;padding:0;border-radius:11px;font-size:11px}#tai-nguyen .dashboard-card .tag{display:none}#tai-nguyen .dashboard-card .card-copy{grid-area:copy;margin:0;min-width:0}#tai-nguyen .dashboard-card .card-copy h3{margin:0 0 2px;font-size:12.5px;line-height:1.25}#tai-nguyen .dashboard-card .card-copy p{margin:0;font-size:9.5px;line-height:1.35;color:#7d6b75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#tai-nguyen .dashboard-card .open-link{grid-area:arrow;margin:0;padding:0;display:block;font-size:0;color:#c50f58;text-align:center}#tai-nguyen .dashboard-card .open-link b{font-size:17px;line-height:1}#tai-nguyen .dashboard-card.disabled-card{opacity:.42}#tai-nguyen .dashboard-card:focus-visible,#tai-nguyen .home-resource-card:focus-visible{outline:3px solid rgba(227,22,103,.18);outline-offset:2px}

/* Book order is intentionally a standalone commercial/action banner, not a utility tile. */
#tai-nguyen .dashboard-card.book-order{order:1;grid-column:1/-1;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"icon copy arrow";min-height:126px;margin:4px 0 12px;padding:20px 22px;border:1px solid #efb4cd;border-radius:20px;background:linear-gradient(105deg,#fff3f8 0%,#fff 72%);box-shadow:0 12px 32px rgba(110,33,70,.055)}#tai-nguyen .dashboard-card.book-order .card-top{grid-area:icon;display:grid;place-items:center;align-self:center}#tai-nguyen .dashboard-card.book-order .icon{width:54px;height:54px;min-width:54px;border-radius:15px;background:#fff;color:#c50f58;border:1px solid #f0c6d8;font-size:13px}#tai-nguyen .dashboard-card.book-order .tag{display:block;position:absolute;left:-9999px}#tai-nguyen .dashboard-card.book-order .card-copy{grid-area:copy;padding-right:18px}#tai-nguyen .dashboard-card.book-order .card-copy::before{content:"BỘ SÁCH TRÍ TUỆ NHÂN TẠO";display:block;margin-bottom:6px;color:#c50f58;font-size:10px;font-weight:900;letter-spacing:.12em}#tai-nguyen .dashboard-card.book-order .card-copy h3{font-size:20px;line-height:1.22;margin:0 0 5px;color:#30232b}#tai-nguyen .dashboard-card.book-order .card-copy p{display:block;overflow:visible;font-size:11.5px;line-height:1.45;color:#6f5b65;max-width:720px}#tai-nguyen .dashboard-card.book-order .open-link{grid-area:arrow;min-width:176px;padding:12px 16px;border-radius:12px;background:#cf0d5a;color:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left}#tai-nguyen .dashboard-card.book-order .open-link::before{content:"Đăng ký mua sách";font-size:11px;font-weight:900}#tai-nguyen .dashboard-card.book-order .open-link b{font-size:19px;color:#fff}

#tai-nguyen .dashboard-card.youtube .icon{background:#fff0f0;color:#d63232}#tai-nguyen .dashboard-card.facebook .icon{background:#eef4ff;color:#2862bf;font-size:16px}

@media(max-width:980px){.home-announcement-grid,.home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dinh-huong .orientation-grid.home-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#tai-nguyen>.home-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tai-nguyen>.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tai-nguyen .dashboard-card.book-order{grid-column:1/-1}}
@media(max-width:760px){#dinh-huong .orientation-grid.home-resource-grid{grid-template-columns:1fr}#dinh-huong .home-resource-card:nth-child(3),#dinh-huong .home-resource-card:nth-child(2),#dinh-huong .home-resource-card:nth-child(1){order:initial;min-height:0}#dinh-huong .home-resource-card:nth-child(3){order:1}#dinh-huong .home-resource-card:nth-child(2){order:2}#dinh-huong .home-resource-card:nth-child(1){order:3}#tai-nguyen .dashboard-card.book-order{grid-template-columns:54px minmax(0,1fr);grid-template-areas:"icon copy" "arrow arrow";gap:12px}#tai-nguyen .dashboard-card.book-order .open-link{width:100%;min-width:0}}
@media(max-width:680px){.home-announcement-grid,.home-resource-grid{grid-template-columns:1fr}.home-aibuddy-section,.home-help-section{align-items:flex-start;flex-direction:column}.home-info-section>.section-title{align-items:flex-start}.home-card-tags{align-items:flex-start;flex-direction:column}#dinh-huong{padding-bottom:38px}#dinh-huong .home-resource-card{padding:53px 16px 16px}#tai-nguyen{margin-top:28px;padding-bottom:42px}#tai-nguyen>.home-resource-grid{grid-template-columns:1fr}#tai-nguyen>.home-tool-grid{grid-template-columns:1fr}#tai-nguyen .dashboard-card.book-order{margin-top:2px;padding:17px 15px;border-radius:17px}#tai-nguyen .dashboard-card.book-order .card-copy h3{font-size:18px}#tai-nguyen .dashboard-card.book-order .card-copy p{font-size:10.5px}}


/* AILO homepage media: one real YouTube player plus compact recent replay cards. */
.home-video-section{padding-bottom:18px}.home-video-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:22px;align-items:stretch;margin:8px 0 18px;padding:16px;border:1px solid #eadde4;border-radius:22px;background:linear-gradient(145deg,#fff,#fff8fb);box-shadow:0 16px 38px rgba(65,29,46,.055)}.home-video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#161218}.home-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.home-video-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:10px 10px 10px 2px}.home-video-feature-copy h3{margin:0;font-size:24px;line-height:1.28;letter-spacing:-.025em}.home-video-feature-copy p{margin:0;color:#75616b;font-size:12px;line-height:1.55}.home-video-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f3edf2;color:#745c69;font-size:9px;font-weight:900;letter-spacing:.08em}.home-video-status.is-live{background:#fff0f2;color:#c51d45}.home-video-status.is-live i{width:7px;height:7px;border-radius:50%;background:#e9284f;box-shadow:0 0 0 5px rgba(233,40,79,.09)}.home-video-status.is-replay{background:#eef8f7;color:#0b786f}.home-video-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}.home-video-replay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.home-video-replay-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #eee3e8;border-radius:16px;background:#fff;text-decoration:none;color:inherit}.home-video-replay-card:hover{border-color:#e3b5c9}.home-video-thumb{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#241d25;display:grid;place-items:center;color:#fff}.home-video-thumb img{width:100%;height:100%;object-fit:cover}.home-video-thumb>b{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:7px;background:rgba(18,14,20,.82);color:#fff;font-size:8px;letter-spacing:.07em}.home-video-replay-card h3{margin:0 0 6px;font-size:13px;line-height:1.35}.home-video-replay-card small{color:#84727b;font-size:9.5px}.home-video-library-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0 12px;padding-top:16px;border-top:1px solid #eee3e8}.home-video-library-head strong{font-size:13px}.home-video-library-head span{color:#8b7982;font-size:10px}.home-ailo-assistant{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:22px;overflow:hidden}.home-ailo-mascot-wrap{height:118px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.home-ailo-mascot{width:102px;height:auto;display:block;transform:translateY(-7px)}.home-ailo-assistant-copy h2{margin:4px 0 8px}.home-ailo-assistant-copy p{margin:0;color:#68565f}
@media(max-width:900px){.home-video-feature{grid-template-columns:1fr}.home-video-feature-copy{padding:4px}.home-video-replay-grid{grid-template-columns:1fr 1fr}.home-ailo-assistant{grid-template-columns:90px minmax(0,1fr)}.home-ailo-assistant>a{grid-column:2;justify-self:start}.home-ailo-mascot-wrap{grid-row:1/3;height:130px}}
@media(max-width:680px){.home-video-feature{padding:10px;border-radius:17px}.home-video-feature-copy h3{font-size:20px}.home-video-replay-grid{grid-template-columns:1fr}.home-video-replay-card{grid-template-columns:120px minmax(0,1fr)}.home-video-library-head{align-items:flex-start;flex-direction:column;gap:3px}.home-ailo-assistant{grid-template-columns:74px minmax(0,1fr);align-items:start}.home-ailo-mascot-wrap{height:110px}.home-ailo-mascot{width:78px}.home-ailo-assistant>a{grid-column:1/-1;width:100%}}

/* Homepage AILO brand lockup uses the supplied mascot while retaining the wordmark text. */
.public-ailo-brand{gap:11px}.public-ailo-avatar-wrap{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border:1px solid #e5dadd;border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(38,24,52,.07)}.public-ailo-avatar{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 17%;transform:scale(1.08);transform-origin:50% 20%}.public-ailo-avatar-wrap.fallback .logo-fallback{display:block;font-size:14px}.public-ailo-avatar-wrap.fallback{width:auto;min-width:52px;padding:0 8px}.public-ailo-avatar-wrap.fallback .public-ailo-avatar{display:none}
@media(max-width:700px){.public-ailo-avatar-wrap{width:42px;height:42px;flex-basis:42px;border-radius:13px}}

/* Above-the-fold AILO identity: make the supplied mascot unmistakable without sacrificing the quick-start checklist. */
.ailo-hero-summary{position:relative;overflow:hidden}.ailo-hero-summary-head{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:16px;align-items:center;margin-bottom:8px}.ailo-hero-summary-head>div:first-child>strong{display:block}.ailo-hero-mascot-wrap{position:relative;height:150px;display:flex;align-items:flex-end;justify-content:center}.ailo-hero-mascot{position:absolute;bottom:-10px;width:136px;height:auto;display:block;filter:drop-shadow(0 14px 18px rgba(41,31,45,.11))}.ailo-hero-mascot-wrap>span{position:absolute;right:0;top:1px;padding:5px 8px;border-radius:999px;background:#fff4f8;border:1px solid #f2cedd;color:#c50f58;font-size:9px;font-weight:900;letter-spacing:.08em}.ailo-hero-summary .support-list{position:relative;z-index:1;background:rgba(255,255,255,.78);border-radius:14px}
@media(max-width:920px){.ailo-hero-summary-head{grid-template-columns:minmax(0,1fr) 126px}.ailo-hero-mascot-wrap{height:132px}.ailo-hero-mascot{width:120px}}
@media(max-width:640px){.ailo-hero-summary-head{grid-template-columns:minmax(0,1fr) 96px;gap:8px}.ailo-hero-mascot-wrap{height:105px}.ailo-hero-mascot{width:94px;bottom:-5px}.ailo-hero-mascot-wrap>span{display:none}}
