.vip-page{color:#102448;background:#f3f7fc;min-height:100vh;font-family:system-ui,sans-serif}.vip-page *{box-sizing:border-box}.vip-nav{color:#fff;background:#071a39;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1rem,4vw,4rem);display:flex}.vip-nav a{color:#e6f5ff;text-decoration:none}.vip-nav strong{letter-spacing:.14em;font-size:.8rem}.vip-hero{color:#fff;background:radial-gradient(circle at 80% 25%,#1aa8a7 0,#124170 35%,#071a39 82%);grid-template-columns:1.3fr .7fr;align-items:center;min-height:370px;padding:2rem clamp(1rem,5vw,5rem) 0;display:grid;overflow:hidden}.vip-hero h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1.03}.vip-hero h1 span{color:#7ae8d2}.vip-hero p{max-width:650px;line-height:1.65}.vip-hero div>p:first-child{letter-spacing:.18em;font-size:.75rem;font-weight:800}.vip-hero img{object-fit:cover;object-position:top;border-radius:180px 180px 0 0;justify-self:center;width:min(100%,310px);max-height:365px;display:block;box-shadow:0 0 70px #34d5df55}.vip-welcome,.vip-state{background:#fff;border-radius:22px;max-width:1150px;margin:2rem auto;padding:2rem;box-shadow:0 18px 55px #142e4c12}.vip-welcome{justify-content:space-between;align-items:center;gap:2rem;display:flex}.vip-welcome small{letter-spacing:.14em;color:#148e92;font-size:.72rem;font-weight:800}.vip-welcome h2,.vip-state h2{margin:.4rem 0;font-size:clamp(1.7rem,3vw,2.7rem)}.vip-welcome>div:last-child{flex-wrap:wrap;gap:.65rem;display:flex}.vip-welcome a,.vip-state a{color:#fff;background:#0e3563;border-radius:12px;padding:.85rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.vip-state{text-align:center;max-width:720px;margin:4rem auto}.vip-state span{color:#148e92;font-size:3rem}.vip-state p{color:#486078;line-height:1.7}.vip-state a{margin:.5rem}.vip-page>.course-section,.vip-page>.pc-catalog{max-width:1250px;margin:2rem auto;padding-left:1rem;padding-right:1rem}.vip-page>footer{color:#fff;background:#071a39;justify-content:space-between;gap:1rem;padding:2rem;display:flex}.vip-page>footer a{color:#fff}@media (width<=700px){.vip-nav strong{display:none}.vip-hero{grid-template-columns:1fr;padding-top:2rem}.vip-hero img{width:190px;max-height:230px}.vip-welcome{display:block}.vip-welcome>div:last-child{margin-top:1rem}.vip-page>footer{display:block}}