.approach-hero{color:#fff;background:linear-gradient(135deg,#1a206bf2 0%,#0d1036f7 100%),url(/images/about/about-campus.png) 50%/cover no-repeat;padding:100px 0 65px;position:relative}.approach-hero-badge{color:#f58820;letter-spacing:.5px;text-transform:uppercase;background:#f5882033;border:1px solid #f5882066;border-radius:50px;margin-bottom:15px;padding:6px 18px;font-size:13.5px;font-weight:700;display:inline-block}.approach-hero-title{margin-bottom:14px;font-size:clamp(34px,4.5vw,54px);font-weight:800;line-height:1.15}.approach-hero-subtitle{color:#ffffffd9;max-width:680px;margin-bottom:20px;font-size:clamp(16px,1.8vw,19px);line-height:1.6}.approach-breadcrumb{color:#ffffffb3;font-size:14px}.approach-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color .2s}.approach-breadcrumb a:hover{color:#f58820}.approach-breadcrumb .active{color:#f58820;font-weight:600}.approach-tab-sticky-wrapper{z-index:900;background:#fff;border-bottom:1px solid #eef0f7;position:sticky;top:0;box-shadow:0 4px 20px #00000014}.approach-tab-nav{white-space:nowrap;scrollbar-width:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.approach-tab-nav::-webkit-scrollbar{display:none}.approach-tab-btn{color:#333a56;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:50px;flex-shrink:0;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.approach-tab-btn:hover{color:#1a206b;background:#f4f6fb}.approach-tab-btn.active{color:#fff;background:#1a206b;border-color:#1a206b;box-shadow:0 4px 12px #1a206b40}.approach-content-area{background:#fbf8f2;padding:60px 0 90px}.section-tag-badge{letter-spacing:.3px;color:#f58820;text-transform:uppercase;background:#f5882026;border-radius:30px;margin-bottom:12px;padding:5px 16px;font-size:13px;font-weight:700;display:inline-block}.approach-card{background:#fff;border:1px solid #1a206b12;border-radius:20px;height:100%;padding:32px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0a143c0f}.approach-card:hover{border-color:#f5882066;transform:translateY(-5px);box-shadow:0 16px 40px #0a143c1f}.approach-card-icon{color:#1a206b;background:#1a206b14;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:24px;transition:all .3s;display:flex}.approach-card:hover .approach-card-icon{color:#fff;background:#f58820;transform:scale(1.05)}.approach-card-title{color:#1a206b;margin-bottom:12px;font-size:20px;font-weight:800;line-height:1.3}.approach-card-text{color:#4a5268;margin-bottom:0;font-size:14.5px;line-height:1.65}.wheel-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px;display:grid}.wheel-item-card{background:#fff;border-left:5px solid #1a206b;border-radius:18px;padding:28px 24px;transition:all .3s;position:relative;box-shadow:0 8px 25px #0000000d}.wheel-item-card:hover{border-left-color:#f58820;transform:translateY(-4px);box-shadow:0 14px 35px #f5882026}.wheel-num-badge{color:#1a206b;background:#f4f6fb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.wheel-item-card:hover .wheel-num-badge{color:#fff;background:#f58820}.approach-spotlight-banner{color:#fff;background:linear-gradient(135deg,#1c2468 0%,#0d1238 100%);border-radius:24px;margin-bottom:50px;padding:45px 40px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0a143c33}.approach-spotlight-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5882040 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-50px;right:-50px}.level-pill-bar{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.level-pill-btn{color:#1a206b;cursor:pointer;background:#fff;border:1.5px solid #dde2ee;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .25s}.level-pill-btn:hover{background:#f4f6fb;border-color:#1a206b}.level-pill-btn.active{color:#fff;background:#f58820;border-color:#f58820;box-shadow:0 4px 15px #f5882059}.stream-badge{color:#1a206b;background:#f4f6fb;border:1px solid #d4daf0;border-radius:8px;margin-bottom:8px;margin-right:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.assessment-feature-row{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.assessment-feature-icon{color:#f58820;background:#f5882026;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}@media (max-width:991px){.approach-hero{padding:75px 0 45px}.approach-tab-sticky-wrapper{top:60px}.approach-spotlight-banner{padding:30px 24px}}@media (max-width:576px){.approach-hero-title{font-size:30px}.approach-card{padding:24px 18px}.level-pill-btn{padding:8px 16px;font-size:13px}}