body { background:#f5f7fb; font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue','Microsoft YaHei',sans-serif; color:#172336; }
.hero-section { background:linear-gradient(145deg,#0b1e33 0%,#1a3a5c 100%); color:white; padding:3rem 0; }
.hero-section h1 { font-weight:700; letter-spacing:-.02em; }
.btn-download { background:#ffb347; border:none; color:#0b1e33; font-weight:700; padding:.8rem 2.4rem; border-radius:40px; box-shadow:0 8px 20px rgba(255,179,71,.3); }
.btn-download:hover { background:#ffa01c; color:#0b1e33; transform:scale(1.02); }
.feature-icon { background:#eef4ff; width:64px; height:64px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:28px; color:#1a3a5c; }
.card { border:none; border-radius:20px; transition:transform .2s; box-shadow:0 6px 16px rgba(0,0,0,.04); overflow:hidden; }
.card:hover { transform:translateY(-5px); }
.card-img-top, .live-img { height:210px; object-fit:cover; width:100%; }
.faq-item { border-bottom:1px solid #e9ecef; padding:1.2rem 0; }
.footer-links a { color:#adb5bd; text-decoration:none; margin:0 10px; }
.footer-links a:hover { color:#ffb347; }
.sub-hero { background:#eef4ff; padding:58px 0; }
.sub-hero-dark { background:linear-gradient(145deg,#0b1e33,#1a3a5c); color:#fff; }
.sub-hero h1 { font-weight:800; }
.date-pill { display:inline-flex; background:#fff3dc; color:#6f4300; border-radius:999px; padding:6px 14px; font-weight:700; margin-bottom:12px; }
.info-box { background:#fff; border-radius:20px; padding:28px; box-shadow:0 6px 16px rgba(0,0,0,.04); }
.step-number { width:42px; height:42px; border-radius:50%; background:#ffb347; display:flex; align-items:center; justify-content:center; font-weight:800; color:#0b1e33; flex:0 0 auto; }
.category-badge { display:inline-block; padding:6px 14px; background:#eef4ff; color:#1a3a5c; border-radius:20px; margin:0 10px 10px 0; text-decoration:none; font-weight:700; }
.category-badge:hover { background:#ffb347; color:#0b1e33; }
@media (max-width:576px){ .hero-section,.sub-hero{padding:2rem 0}.display-4{font-size:2.4rem}.card-img-top,.live-img{height:180px}.navbar .container{align-items:flex-start} }