/* TỔNG THỂ */
:root { --navy: #00235d; --orange: #f26522; --dark: #0a1b2e; --white: #ffffff; }
.tis-secondary-layout { font-family: 'Montserrat', sans-serif; overflow-x: hidden; }
.container-tis { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.section-pad { padding: 80px 0; }
.text-center { text-align: center; }
.bg-light { background: #f8fafc; }

/* HERO & CONCERN */
.hero-secondary { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('hero.jpg') center/cover; height: 80vh; color: #fff; display: flex; align-items: center; border-radius: 0 0 100px 100px; }
.hero-content h1 { font-size: 56px; font-weight: 900; margin: 15px 0; }
.concern-sec-wrapper { display: flex; gap: 25px; margin-top: -80px; position: relative; z-index: 10; }
.concern-card-sec { flex: 1; background: #fff; padding: 35px; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.concern-card-sec b { color: var(--navy); display: block; margin-bottom: 10px; font-size: 18px; }

/* BENTO GRID */
.bento-grid-v2 { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 20px; margin-top: 50px; }
.bento-item { border-radius: 25px; padding: 30px; position: relative; transition: 0.3s; }
.item-main { grid-column: span 2; grid-row: span 2; background: #f0f4f8; }
.item-orange { background: #ffe8d9; color: var(--orange); }
.item-blue { background: #e8f0fe; color: #1a73e8; }
.item-dark { grid-column: span 2; background: var(--dark); color: #fff; }
.item-white { background: #fff; border: 1px solid #eee; text-align: center; }
.item-brown { background: #6b4e31; color: #fff; }
.big-num { font-size: 60px; font-weight: 900; color: var(--orange); display: block; }

/* TIMELINE & PORTRAIT */
.schedule-secondary { background: var(--dark); padding: 100px 0; color: #fff; }
.timeline-v2 { display: flex; justify-content: space-between; margin-top: 50px; position: relative; }
.timeline-v2::before { content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.1); }
.t-node { flex: 1; text-align: center; z-index: 2; padding: 0 10px; }
.t-node.active { background: rgba(255,255,255,0.05); border-radius: 15px; padding: 20px 10px; border: 1px solid rgba(255,255,255,0.1); }
.student-portrait-box { margin-top: 80px; text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 40px; }
.portrait-tags span { display: inline-block; padding: 8px 25px; border: 1px solid var(--orange); border-radius: 50px; margin: 5px; color: var(--orange); font-weight: bold; }

/* FAQ */
.faq-container { max-width: 800px; margin: 40px auto; }
.faq-item { background: #fff; margin-bottom: 15px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.faq-q { padding: 20px; font-weight: bold; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-a { padding: 0 20px 20px; color: #666; display: none; }

/* FOOTER (Giả lập theo ảnh) */
.tis-footer { background: var(--dark); color: #fff; padding: 60px 0; border-top: 1px solid rgba(255,255,255,0.1); }