.support-header{text-align:center;color:#fff;background:linear-gradient(135deg,#001e42,#005a9e);border-bottom-right-radius:40px;border-bottom-left-radius:40px;margin-bottom:60px;padding:140px 0}.support-header h1{color:#fff;margin-bottom:16px;font-size:36px}.support-header p{opacity:.9;margin-bottom:32px;font-size:18px}.search-box{border-radius:12px;max-width:600px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.search-box input{border:none;outline:none;flex:1;padding:20px 24px;font-size:16px}.search-box .search-icon{background:var(--color-primary);color:#fff;place-items:center;padding:0 32px;font-size:18px;display:grid}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:80px;display:grid}.topic-card{border:1px solid var(--color-border);text-align:center;color:var(--color-text);background:#fff;border-radius:16px;padding:32px;text-decoration:none;transition:all .3s;display:block}.topic-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.topic-icon{width:64px;height:64px;color:var(--color-primary);background:#f0f9ff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.topic-title{color:var(--color-heading);margin-bottom:12px;font-size:18px;font-weight:700}.topic-desc{font-size:14px;line-height:1.5}.popular-guides{background:#f8fafc;border-radius:24px;margin-bottom:80px;padding:60px}.guides-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:768px){.guides-grid{grid-template-columns:1fr;gap:24px}.popular-guides{padding:32px 20px}}.guide-list{margin:0;padding:0;list-style:none}.guide-list li{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px}.guide-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-list a{color:var(--color-heading);align-items:flex-start;gap:12px;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.guide-list .guide-text{color:var(--color-heading);align-items:flex-start;gap:12px;font-weight:500;display:flex}.guide-list .guide-text i,.guide-list a i{color:var(--color-primary);margin-top:4px}.guide-list a:hover{color:var(--color-primary)}.contact-cta{text-align:center;padding:60px 0}.contact-cta h2{margin-bottom:16px;font-size:28px}.contact-cta p{color:var(--color-text);margin-bottom:32px;font-size:16px}.cta-buttons{justify-content:center;gap:16px;display:flex}@media (max-width:500px){.cta-buttons{flex-direction:column}}
