.gb-container { max-width:800px; margin:0 auto; padding:60px 24px 80px; display:block; }
.gb-hero { text-align:center; margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid #2a2f3d; }
.gb-badge { display:inline-block; background:rgba(52,152,219,0.2); border:1px solid #3498db; padding:6px 20px; border-radius:20px; font-size:.7rem; letter-spacing:2px; color:#3498db; margin-bottom:20px; }
.gb-hero h1 { font-size:2.5rem; font-weight:700; background:linear-gradient(135deg,#fff,#3498db); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:16px; }
.gb-hero p { color:#8a94a8; font-size:.9rem; }
.gb-meta { display:flex; justify-content:space-between; align-items:center; background:#0f121b; border:1px solid #2a2f3d; border-radius:12px; padding:12px 20px; margin-bottom:40px; }
.gb-meta .meta-date { color:#6a7080; font-size:.8rem; }
.gb-meta .meta-tag { background:rgba(52,152,219,0.2); padding:4px 12px; border-radius:20px; font-size:.7rem; font-weight:600; letter-spacing:1px; color:#3498db; }
.gb-highlight { background:#0f121b; border-left:3px solid #3498db; padding:20px 24px; margin:30px 0; border-radius:0 12px 12px 0; }
.gb-highlight strong { color:#3498db; }
.gb-container h2 { font-size:1.6rem; color:#3498db; margin:40px 0 20px 0; border-left:3px solid #3498db; padding-left:16px; }
.gb-container p { color:#b0bedb; margin-bottom:20px; line-height:1.7; }
.gb-tip-box { background:rgba(46,204,113,0.08); border-left:3px solid #2ecc71; padding:16px 20px; margin:20px 0; border-radius:0 12px 12px 0; }
.gb-tip-box strong { color:#2ecc71; }
.gb-final-box { background:#0f121b; border-left:3px solid #2ecc71; padding:20px 24px; margin:30px 0; border-radius:0 12px 12px 0; }
.gb-final-box strong { color:#2ecc71; }
@media (max-width:700px) { .gb-container { padding:40px 20px; } .gb-hero h1 { font-size:1.8rem; } .gb-container h2 { font-size:1.3rem; } }