:root{--gd-blue:#0878f5;--gd-ink:#17212f;--gd-muted:#687588}
.hp-page--guide{margin:0;background:#eaf4ff;color:var(--gd-ink);font-family:"Be Vietnam Pro",Arial,sans-serif}
.hp-page--guide #main-navigation,.hp-page--guide .hp-header-spacer,.hp-page--guide .hp-footer,.hp-page--guide .chatbot-widget{display:none!important}
.hp-page--guide #main-content{max-width:none;margin:0;padding:0}
.gd-sprite{position:absolute;width:0;height:0;overflow:hidden}
.gd-page *{box-sizing:border-box}
.gd-page svg{width:1.35em;height:1.35em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gd-page{width:min(100%,520px);min-height:100dvh;margin:auto;overflow:hidden;background:#f8fbff;box-shadow:0 0 35px rgba(23,73,130,.14)}
.gd-hero{position:relative;height:calc(220px + env(safe-area-inset-top));overflow:hidden;padding:calc(25px + env(safe-area-inset-top)) 24px 25px;color:#fff;background:radial-gradient(circle at 80% 50%,rgba(34,209,255,.4),transparent 29%),linear-gradient(145deg,#078efb,#0754db 75%)}
.gd-brand{position:relative;z-index:3;display:flex;align-items:center;gap:8px;color:#fff;line-height:1.05;text-decoration:none}.gd-brand>span{width:34px;height:38px;display:grid;place-items:center}.gd-brand svg{width:33px;height:36px}.gd-brand b{font-size:14px}.gd-brand small{display:block;font-size:10px;letter-spacing:1.4px}
.gd-bell{position:absolute;z-index:5;top:calc(25px + env(safe-area-inset-top));right:22px;color:#fff;text-decoration:none}.gd-bell svg{width:25px;height:25px}.gd-bell i{position:absolute;right:-4px;top:-7px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #0782f0;border-radius:50%;color:#fff;background:#f04438;font-size:8px;font-style:normal}
.gd-hero__copy{position:relative;z-index:3;margin-top:28px}.gd-hero__copy p{margin:0 0 5px;font-size:12px}.gd-hero__copy h1{margin:0 0 7px;color:#fff;font-size:24px;line-height:1.25;letter-spacing:-.6px}.gd-hero__copy span{font-size:10px}
.gd-hero__book{position:absolute;right:22px;bottom:21px;width:130px;height:130px;display:grid;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle,rgba(58,214,255,.33),transparent 70%);filter:drop-shadow(0 10px 14px rgba(0,62,159,.33));transform:rotate(-5deg)}.gd-hero__book:before,.gd-hero__book:after{content:"";position:absolute;border:1px solid rgba(126,229,255,.53);border-radius:50%;transform:rotate(-14deg)}.gd-hero__book:before{width:140px;height:72px}.gd-hero__book:after{width:105px;height:55px}.gd-hero__book svg{position:relative;z-index:2;width:82px;height:82px;stroke-width:1.4}
.gd-card{position:relative;z-index:5;margin-top:-20px;padding:17px 16px 94px;border-radius:27px 27px 0 0;background:linear-gradient(#fff,#f8fbff);box-shadow:0 -7px 24px rgba(0,79,165,.11)}
.gd-card h2{margin:0 0 11px;color:var(--gd-ink);font-size:13px;line-height:1.4}
.gd-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e2eaf3;border-radius:22px;background:#fff;box-shadow:0 5px 14px rgba(27,78,125,.05)}.gd-search svg{color:#738196}.gd-search input{min-width:0;flex:1;border:0;outline:0;color:var(--gd-ink);background:transparent;font:inherit;font-size:9px}.gd-search input::placeholder{color:#8490a0}
.gd-quick{margin-top:18px}.gd-quick>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gd-quick a{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #edf1f6;border-radius:13px;color:var(--gd-ink);background:#fff;box-shadow:0 5px 14px rgba(26,79,125,.05);text-align:center;text-decoration:none}.gd-quick a>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#fff}.gd-quick .blue{background:linear-gradient(145deg,#3f9eff,#1768df)}.gd-quick .green{background:linear-gradient(145deg,#26d78b,#05a965)}.gd-quick .purple{background:linear-gradient(145deg,#ac51f0,#7930db)}.gd-quick .orange{background:linear-gradient(145deg,#ffad58,#ff6b36)}.gd-quick a b{font-size:7px;line-height:1.35}
.gd-popular{margin-top:20px}.gd-heading{display:flex;align-items:center;justify-content:space-between}.gd-heading a{color:#0874e9;text-decoration:none;font-size:8px}.gd-list{display:flex;flex-direction:column;gap:9px}.gd-list>a{position:relative;min-height:82px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:8px 24px 8px 8px;border:1px solid #e7edf4;border-radius:12px;color:var(--gd-ink);background:#fff;box-shadow:0 5px 14px rgba(27,78,125,.05);text-decoration:none}.gd-list>a[hidden]{display:none}
.gd-thumb{position:relative;width:72px;height:64px;display:grid;place-items:center;border-radius:9px;color:#fff}.gd-thumb.blue{background:linear-gradient(145deg,#5fb5ff,#1468db)}.gd-thumb.green{background:linear-gradient(145deg,#4cdfa3,#08a86a)}.gd-thumb.orange{background:linear-gradient(145deg,#ffc16c,#ff773e)}.gd-thumb>svg{width:34px;height:34px}.gd-thumb>i{position:absolute;right:4px;bottom:4px;width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#0874e9;background:#fff}.gd-thumb>i svg{width:15px;height:15px}.gd-list__copy{min-width:0}.gd-list__copy b,.gd-list__copy small,.gd-list__copy em{display:block}.gd-list__copy b{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.gd-list__copy small{color:#748093;font-size:7px;line-height:1.45}.gd-list__copy em{margin-top:5px;color:#0874e9;font-size:6.5px;font-style:normal}.gd-arrow{position:absolute;right:9px;color:#7b899a;font-size:19px;font-style:normal}.gd-empty{margin:12px 0 0;padding:14px;border-radius:10px;color:#748093;background:#fff;font-size:9px;text-align:center}
.gd-faq{margin-top:21px}.gd-faq details{border-bottom:1px solid #e8eef4;background:#fff}.gd-faq summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:pointer;list-style:none;font-size:8.5px;font-weight:600}.gd-faq summary::-webkit-details-marker{display:none}.gd-faq summary span{color:#0874e9;font-size:18px;font-weight:400;transition:.2s}.gd-faq details[open] summary span{transform:rotate(45deg)}.gd-faq details p{margin:0;padding:0 8px 12px;color:#6e7b8c;font-size:7.5px;line-height:1.6}
.gd-help{min-height:62px;display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px;border:1px solid #dce9f6;border-radius:12px;background:linear-gradient(135deg,#eef8ff,#f8fbff)}.gd-help>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0878f5;background:#e2f1ff}.gd-help>div{min-width:0;flex:1}.gd-help b,.gd-help small{display:block}.gd-help b{font-size:9px}.gd-help small{margin-top:4px;color:#738094;font-size:6.5px}.gd-help>a{height:30px;display:flex;align-items:center;padding:0 10px;border-radius:7px;color:#fff;background:#0878f5;font-size:7px;text-decoration:none;white-space:nowrap}
@media(max-width:380px){.gd-hero{padding-left:20px}.gd-hero__book{right:-8px}.gd-quick>div{gap:4px}.gd-card{padding-right:12px;padding-left:12px}}
@media(min-width:901px){.hp-page--guide{padding:24px;background:#f2f7fc}.gd-page{border-radius:24px}.gd-card{padding-bottom:28px}}