.xhpp-tutorial-template,.xhpp-journal-template,.xhpp-resource-template{padding:16px 0 40px}.xhpp-breadcrumb{font-size:12.5px;color:#8C8A8E;padding:8px 0 16px;margin-bottom:8px}.xhpp-breadcrumb a{color:#5C5A5E;text-decoration:none}.xhpp-breadcrumb a:hover{color:#FF5A5F}.xhpp-breadcrumb .sep{margin:0 6px;color:#BCBABE}.xhpp-breadcrumb .current{color:#8C8A8E}.xhpp-author-box{display:flex;gap:16px;align-items:center;padding:22px;background:#FFFBF7;border-radius:12px;margin:28px 0;border:1px solid #FAF6F2}.xhpp-author-avatar img{width:80px;height:80px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 10px rgb(224 71 78 / .1)}.xhpp-author-info h4{margin:0 0 6px;font-size:16px;font-weight:700}.xhpp-author-info h4 a{color:#2C2A2E;text-decoration:none}.xhpp-author-badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#FF5A5F,#FF8C42);padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.xhpp-author-info p{margin:0;font-size:13px;color:#8C8A8E;line-height:1.6}.xhpp-author-stats{margin-top:6px;font-size:12px;color:#BCBABE}.xhpp-share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px;margin:24px 0;background:#FFFBF7;border-radius:10px;font-size:13px;color:#8C8A8E}.xhpp-share-bar .xhpp-share-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:#fff;border:1px solid #F0EBE6;border-radius:999px;color:#5C5A5E;text-decoration:none;font-size:12.5px;font-weight:600;cursor:pointer;transition:all 0.2s}.xhpp-share-bar .xhpp-share-btn:hover{background:#FF5A5F;color:#fff;border-color:#FF5A5F}.xhpp-share-bar-journal{display:none}.xhpp-share-bar-journal.xhpp-share-open{display:flex}.xhpp-comments-section{margin:32px 0}.xhpp-comments-section h3{font-size:18px;font-weight:800;margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid #FF5A5F}.xhpp-comments-section h3 small{font-size:13px;color:#BCBABE;font-weight:500}.xhpp-comment-tip{font-size:12.5px;color:#8C8A8E;margin:0 0 16px;padding:8px 12px;background:#FFF4F0;border-radius:6px;border-left:3px solid #FF5A5F}.xhpp-tutorial-template .a5-btn,.xhpp-journal-template .a5-btn,.xhpp-resource-template .a5-btn,.xhpp-landing-template .a5-btn{display:inline-block;padding:10px 24px;font-size:14px;font-weight:600;border-radius:999px;text-decoration:none!important;transition:all 0.25s ease;border:none;line-height:1.4}.xhpp-tutorial-template .a5-btn-primary,.xhpp-journal-template .a5-btn-primary,.xhpp-resource-template .a5-btn-primary,.xhpp-landing-template .a5-btn-primary{background:linear-gradient(135deg,#FF5A5F,#FF8C42);color:#fff!important;box-shadow:0 4px 14px rgb(255 90 95 / .3)}.xhpp-tutorial-template .a5-btn-primary:hover,.xhpp-journal-template .a5-btn-primary:hover,.xhpp-resource-template .a5-btn-primary:hover,.xhpp-landing-template .a5-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 90 95 / .42)}.xhpp-tutorial-template .a5-btn-secondary,.xhpp-journal-template .a5-btn-secondary,.xhpp-resource-template .a5-btn-secondary,.xhpp-landing-template .a5-btn-secondary{background:#fff;color:#FF5A5F!important;border:2px solid #FF5A5F}.xhpp-tutorial-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #FAF6F2}.xhpp-tutorial-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.xhpp-tut-tag{display:inline-block;font-size:12px;font-weight:600;color:#5C5A5E;background:#FAF6F2;padding:3px 10px;border-radius:999px;text-decoration:none}.xhpp-tut-tag-vip{background:linear-gradient(135deg,#FF8C42,#F0A93B);color:#fff}.xhpp-tutorial-title{font-size:28px;font-weight:800;color:#2C2A2E;margin:0 0 14px;line-height:1.3;letter-spacing:-.01em}@media (max-width:640px){.xhpp-tutorial-title{font-size:22px}}.xhpp-tutorial-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;color:#8C8A8E}.xhpp-tutorial-meta .author{display:flex;align-items:center;gap:8px}.xhpp-tutorial-meta .author img{border-radius:50%}.xhpp-tutorial-meta .author a{color:#5C5A5E;text-decoration:none;font-weight:600}.xhpp-tutorial-meta i{margin-right:4px}.xhpp-project-info-card{background:linear-gradient(135deg,#FAF6F2,#FFF4F0);border:1px solid #FAF6F2;border-radius:12px;padding:20px 22px;margin-bottom:24px}.xhpp-info-card-title{font-size:15px;font-weight:800;color:#2C2A2E;margin:0 0 14px}.xhpp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.xhpp-info-item{display:flex;flex-direction:column;gap:4px}.xhpp-info-label{font-size:12px;color:#8C8A8E;font-weight:600}.xhpp-info-value{font-size:15px;font-weight:700;color:#2C2A2E}.xhpp-info-income{color:#FF5A5F}.xhpp-tutorial-body-wrap{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:20px}@media (max-width:960px){.xhpp-tutorial-body-wrap{grid-template-columns:1fr}.xhpp-tutorial-sidebar{order:-1}}.xhpp-tutorial-toc{background:#FFFBF7;border:1px solid #FAF6F2;border-radius:10px;padding:16px 18px;margin-bottom:20px}.xhpp-tutorial-toc h4{font-size:14px;font-weight:700;margin:0 0 10px;color:#2C2A2E}.xhpp-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.xhpp-toc-list li a{display:inline-block;font-size:12.5px;color:#5C5A5E;background:#fff;border:1px solid #F0EBE6;padding:4px 10px;border-radius:999px;text-decoration:none;transition:all 0.2s}.xhpp-toc-list li a:hover{background:#FF5A5F;color:#fff;border-color:#FF5A5F}.xhpp-toc-list li.xhpp-toc-h3 a{padding-left:16px;font-size:12px;color:#8C8A8E}.xhpp-tutorial-content{font-size:15px;line-height:1.85;color:#343a40}.xhpp-tutorial-content h2{font-size:22px;font-weight:800;margin:32px 0 14px;padding-left:12px;border-left:4px solid #FF5A5F}.xhpp-tutorial-content h3{font-size:18px;font-weight:700;margin:24px 0 10px}.xhpp-tutorial-content p{margin:0 0 16px}.xhpp-tutorial-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.xhpp-tutorial-content ul,.xhpp-tutorial-content ol{margin:0 0 16px;padding-left:24px}.xhpp-tutorial-content li{margin-bottom:6px}.xhpp-tutorial-content blockquote{border-left:4px solid #6B5B95;background:#FAF6F2;padding:12px 16px;margin:16px 0;border-radius:0 8px 8px 0;color:#5C5A5E}.xhpp-tutorial-content code{background:#FFF4F0;color:#E0474E;padding:2px 6px;border-radius:4px;font-size:13px}.xhpp-download-section{margin:32px 0;padding:24px;background:linear-gradient(135deg,#FFFBF7,#FFF4F0);border-radius:12px;border:1px solid #F0EBE6}.xhpp-download-section h3{font-size:18px;font-weight:800;margin:0 0 16px}.xhpp-download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.xhpp-download-card{display:flex;align-items:center;gap:14px;background:#fff;padding:16px;border-radius:10px;border:1px solid #FAF6F2}.xhpp-dl-icon{font-size:36px}.xhpp-dl-info{flex:1}.xhpp-dl-info h4{margin:0 0 4px;font-size:15px;font-weight:700}.xhpp-dl-info p{margin:0;font-size:12px;color:#8C8A8E}.xhpp-dl-btn{display:inline-block;padding:8px 16px;font-size:13px;font-weight:700;border-radius:999px;text-decoration:none!important;background:linear-gradient(135deg,#FF5A5F,#FF8C42);color:#fff!important;white-space:nowrap}.xhpp-vip-notice{margin-top:14px;padding:10px 14px;background:#FFF4E6;border-radius:8px;font-size:13px;color:#F0A93B}.xhpp-vip-notice a{color:#FF5A5F;font-weight:700}.xhpp-tutorial-tags-footer,.xhpp-journal-tags,.xhpp-resource-tags-footer{padding:14px 0;font-size:13px;color:#8C8A8E;border-top:1px dashed #FAF6F2;margin-top:20px}.xhpp-tutorial-tags-footer a,.xhpp-journal-tags a,.xhpp-resource-tags-footer a{display:inline-block;margin-right:6px;color:#5C5A5E;background:#FAF6F2;padding:2px 10px;border-radius:999px;text-decoration:none;font-size:12.5px}.xhpp-tutorial-tags-footer a:hover,.xhpp-journal-tags a:hover,.xhpp-resource-tags-footer a:hover{background:#FF5A5F;color:#fff}.xhpp-review-prompt{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#FFF4E6,#FFF4F0);border-radius:12px;margin:24px 0;border:1px solid #ffe066}.xhpp-review-prompt-icon{font-size:40px}.xhpp-review-prompt-body{flex:1}.xhpp-review-prompt-body h4{margin:0 0 4px;font-size:15px}.xhpp-review-prompt-body p{margin:0;font-size:12.5px;color:#5C5A5E}@media (max-width:640px){.xhpp-review-prompt{flex-direction:column;text-align:center}}.xhpp-journal-prompt{padding:20px;background:linear-gradient(135deg,#FAF6F2,#FFF4F0);border-radius:12px;margin:24px 0;border:1px dashed #F0EBE6;text-align:center}.xhpp-journal-prompt-body h4{margin:0 0 6px;font-size:16px}.xhpp-journal-prompt-body p{margin:0 0 14px;font-size:13px;color:#5C5A5E}.xhpp-journal-prompt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.xhpp-tutorial-sidebar{display:flex;flex-direction:column;gap:18px}.xhpp-sidebar-widget{background:#fff;border:1px solid #FAF6F2;border-radius:12px;padding:18px}.xhpp-sidebar-widget h4{font-size:14px;font-weight:700;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #FF5A5F}.xhpp-related-list{list-style:none;margin:0;padding:0}.xhpp-related-list li{padding:8px 0;border-bottom:1px dashed #FAF6F2}.xhpp-related-list li:last-child{border-bottom:none}.xhpp-related-list li a{color:#5C5A5E;text-decoration:none;font-size:13px;line-height:1.5;display:block}.xhpp-related-list li a:hover{color:#FF5A5F}.xhpp-sidebar-toc{background:#fff;border:1px solid #FAF6F2;border-radius:12px;padding:18px;position:sticky;top:20px}.xhpp-sidebar-toc h4{font-size:14px;font-weight:700;margin:0 0 12px}.xhpp-sidebar-toc-list{list-style:none;margin:0;padding:0;max-height:400px;overflow-y:auto}.xhpp-sidebar-toc-list li{padding:4px 0}.xhpp-sidebar-toc-list li a{display:block;font-size:13px;color:#5C5A5E;text-decoration:none;padding:4px 8px;border-radius:4px;line-height:1.4}.xhpp-sidebar-toc-list li a:hover{background:#FFF4F0;color:#FF5A5F}.xhpp-sidebar-toc-list li.xhpp-toc-h3 a{padding-left:20px;font-size:12px;color:#8C8A8E}.xhpp-sidebar-vip-cta{background:linear-gradient(135deg,#6B5B95,#0B7285);color:#fff;text-align:center}.xhpp-sidebar-vip-cta h4{color:#fff;border-bottom-color:rgb(255 255 255 / .3)}.xhpp-sidebar-vip-cta p{font-size:13px;margin:0 0 14px;opacity:.9}.xhpp-sidebar-vip-cta ul{list-style:none;padding:0;margin:0 0 14px;text-align:left}.xhpp-sidebar-vip-cta li{font-size:12.5px;padding:3px 0}.xhpp-journal-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #FAF6F2}.xhpp-journal-status-badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;margin-bottom:12px}.xhpp-status-doing{background:#FFF4E6;color:#F0A93B}.xhpp-status-done{background:#E6F4F5;color:#0B7285}.xhpp-journal-title{font-size:28px;font-weight:800;color:#2C2A2E;margin:0 0 14px;line-height:1.3}@media (max-width:640px){.xhpp-journal-title{font-size:22px}}.xhpp-journal-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;color:#8C8A8E}.xhpp-journal-meta .author{display:flex;align-items:center;gap:10px}.xhpp-journal-meta .author img{border-radius:50%}.xhpp-j-author-info{display:flex;flex-direction:column}.xhpp-j-author-info a{color:#5C5A5E;text-decoration:none;font-weight:700;font-size:14px}.xhpp-j-author-badge{display:inline-block;font-size:10.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#FF5A5F,#FF8C42);padding:1px 7px;border-radius:999px;margin-top:2px;align-self:flex-start}.xhpp-journal-project-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:20px;background:#FFFBF7;border-radius:12px;border:1px solid #FAF6F2;margin-bottom:20px}.xhpp-jp-item{display:flex;flex-direction:column;gap:4px}.xhpp-jp-label{font-size:12px;color:#8C8A8E;font-weight:600}.xhpp-jp-value{font-size:15px;font-weight:700;color:#2C2A2E}.xhpp-jp-income{color:#FF5A5F}.xhpp-income-progress{margin-bottom:24px;padding:18px 20px;background:linear-gradient(135deg,#E6F4F5,#FFF4F0);border-radius:12px}.xhpp-progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:700;color:#2C2A2E}.xhpp-progress-percent{color:#FF5A5F}.xhpp-progress-bar{height:14px;background:#fff;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px rgb(224 71 78 / .1)}.xhpp-progress-fill{height:100%;background:linear-gradient(90deg,#FF5A5F,#FF8C42);border-radius:999px;transition:width 1s ease}.xhpp-journal-content{font-size:15px;line-height:1.85;color:#343a40;padding:20px 0}.xhpp-journal-content h2{font-size:20px;font-weight:800;margin:28px 0 12px;padding-left:12px;border-left:4px solid #6B5B95}.xhpp-journal-content h3{font-size:17px;font-weight:700;margin:20px 0 8px}.xhpp-journal-content p{margin:0 0 14px}.xhpp-journal-content img{max-width:100%;height:auto;border-radius:8px;margin:14px 0}.xhpp-reward-notice{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#FFF4E6,#FFFBF7);border-radius:12px;margin:24px 0;border:1px solid #ffe066}.xhpp-reward-icon{font-size:40px}.xhpp-reward-body{flex:1}.xhpp-reward-body h4{margin:0 0 4px;font-size:15px}.xhpp-reward-body p{margin:0;font-size:12.5px;color:#5C5A5E}@media (max-width:640px){.xhpp-reward-notice{flex-direction:column;text-align:center}}.xhpp-interaction-section{margin:28px 0;padding:22px;background:#FFFBF7;border-radius:12px}.xhpp-interaction-section h3{font-size:16px;font-weight:800;margin:0 0 6px}.xhpp-interaction-desc{font-size:13px;color:#8C8A8E;margin:0 0 14px}.xhpp-interaction-actions{display:flex;gap:10px;flex-wrap:wrap}.xhpp-act-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border:1px solid #F0EBE6;border-radius:999px;font-size:13px;font-weight:600;color:#5C5A5E;cursor:pointer;transition:all 0.2s}.xhpp-act-btn:hover{background:#FFF4F0;border-color:#FF5A5F;color:#FF5A5F}.xhpp-act-btn.xhpp-liked{background:#FF5A5F!important;color:#fff!important;border-color:#FF5A5F!important}.xhpp-more-journals{margin:32px 0}.xhpp-more-journals h3{font-size:18px;font-weight:800;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #6B5B95}.xhpp-journals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.xhpp-journal-card{display:block;padding:16px;background:#fff;border:1px solid #FAF6F2;border-radius:10px;text-decoration:none!important;color:inherit!important;transition:all 0.2s}.xhpp-journal-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgb(224 71 78 / .1);border-color:#fff0}.xhpp-journal-card h4{font-size:14.5px;font-weight:700;margin:0 0 8px;color:#2C2A2E;line-height:1.4}.xhpp-journal-card p{font-size:12.5px;color:#8C8A8E;line-height:1.6;margin:0 0 10px}.xhpp-journal-card-date{font-size:11.5px;color:#BCBABE}.xhpp-resource-header{display:flex;gap:20px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #FAF6F2;margin-bottom:24px}@media (max-width:640px){.xhpp-resource-header{flex-direction:column}}.xhpp-resource-icon-wrap{flex-shrink:0}.xhpp-resource-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#FFF4F0,#FFFBF7);display:flex;align-items:center;justify-content:center;font-size:40px;border:1px solid #FAF6F2}.xhpp-resource-header-info{flex:1;min-width:0}.xhpp-resource-tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.xhpp-res-tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#FAF6F2;color:#5C5A5E}.xhpp-res-tag-vip{background:linear-gradient(135deg,#FF8C42,#F0A93B);color:#fff}.xhpp-res-tag-free{background:linear-gradient(135deg,#B3E5DC,#3FB8C4);color:#fff}.xhpp-resource-title{font-size:26px;font-weight:800;color:#2C2A2E;margin:0 0 12px;line-height:1.3}@media (max-width:640px){.xhpp-resource-title{font-size:20px}}.xhpp-resource-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#8C8A8E}.xhpp-resource-meta i{margin-right:4px}.xhpp-resource-body-wrap{display:grid;grid-template-columns:1fr 280px;gap:24px}@media (max-width:960px){.xhpp-resource-body-wrap{grid-template-columns:1fr}.xhpp-resource-sidebar{order:-1}}.xhpp-resource-info-card{background:#FFFBF7;border:1px solid #FAF6F2;border-radius:12px;padding:20px;margin-bottom:20px}.xhpp-resource-info-card h3{font-size:15px;font-weight:800;margin:0 0 14px}.xhpp-res-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.xhpp-res-info-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#fff;border-radius:8px}.xhpp-res-info-label{font-size:11.5px;color:#8C8A8E;font-weight:600}.xhpp-res-info-value{font-size:14px;font-weight:700;color:#2C2A2E}.xhpp-download-action{margin-bottom:24px}.xhpp-dl-locked,.xhpp-dl-available{display:flex;align-items:center;gap:18px;padding:24px;border-radius:12px;flex-wrap:wrap}.xhpp-dl-locked{background:linear-gradient(135deg,#FFF4F0,#FFF4E6);border:1px solid #FFD0CC}.xhpp-dl-available{background:linear-gradient(135deg,#E6F4F5,#FFF4F0);border:1px solid #B3E5DC;justify-content:center}.xhpp-dl-lock-icon{font-size:48px}.xhpp-dl-lock-body{flex:1}.xhpp-dl-lock-body h4{margin:0 0 4px;font-size:16px}.xhpp-dl-lock-body p{margin:0;font-size:13px;color:#5C5A5E}.xhpp-dl-btn-large{padding:14px 32px!important;font-size:15px!important}.xhpp-dl-missing{padding:20px;background:#FFF4F0;border-radius:12px;text-align:center;color:#E0474E;font-size:14px}.xhpp-dl-missing a{color:#FF5A5F;font-weight:700}.xhpp-resource-detail h3,.xhpp-usage-guide h3,.xhpp-changelog h3{font-size:17px;font-weight:800;margin:28px 0 14px;padding-left:12px;border-left:4px solid #FF5A5F}.xhpp-resource-content{font-size:15px;line-height:1.85;color:#343a40}.xhpp-resource-content h2{font-size:20px;font-weight:800;margin:24px 0 12px}.xhpp-resource-content p{margin:0 0 14px}.xhpp-resource-content img{max-width:100%;height:auto;border-radius:8px}.xhpp-usage-list{list-style:none;padding:0;margin:0}.xhpp-usage-list li{padding:8px 12px 8px 28px;position:relative;font-size:13.5px;color:#5C5A5E;background:#FFFBF7;border-radius:6px;margin-bottom:6px}.xhpp-usage-list li::before{content:"💡";position:absolute;left:8px;top:8px}.xhpp-usage-list code{background:#FFF4F0;color:#E0474E;padding:1px 6px;border-radius:4px;font-size:12.5px}.xhpp-usage-list a{color:#FF5A5F}.xhpp-changelog-list{border-left:2px solid #FAF6F2;padding-left:20px}.xhpp-changelog-item{position:relative;padding-bottom:16px}.xhpp-changelog-item::before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;background:#FF5A5F;border:2px solid #fff;box-shadow:0 0 0 2px #FF5A5F}.xhpp-cl-version{display:inline-block;font-size:13px;font-weight:700;color:#FF5A5F;background:#FFF4F0;padding:2px 10px;border-radius:999px;margin-right:10px}.xhpp-cl-date{font-size:12px;color:#BCBABE}.xhpp-cl-desc{font-size:13px;color:#5C5A5E;margin:6px 0 0}.xhpp-sidebar-author{text-align:center}.xhpp-sidebar-author img{border-radius:50%;margin-bottom:10px;border:3px solid #fff;box-shadow:0 2px 8px rgb(224 71 78 / .1)}.xhpp-sidebar-author h4{font-size:15px;font-weight:700;margin:0 0 6px;border-bottom:none;padding-bottom:0}.xhpp-sidebar-author p{font-size:12.5px;color:#8C8A8E;margin:0 0 10px;line-height:1.5}.xhpp-sidebar-author-link{font-size:12.5px;color:#FF5A5F;text-decoration:none;font-weight:600}.xhpp-landing-template{background:#fff}.xhpp-landing-container{max-width:1160px;margin:0 auto;padding:0 16px}.xhpp-landing-hero{background:linear-gradient(135deg,#FF5A5F 0%,#E0474E 50%,#0B7285 100%);color:#fff;padding:64px 0;text-align:center}@media (max-width:640px){.xhpp-landing-hero{padding:40px 0}}.xhpp-hero-badge{display:inline-block;background:rgb(255 255 255 / .2);padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:700;margin-bottom:16px}.xhpp-hero-title{font-size:36px;font-weight:800;margin:0 0 14px;line-height:1.25;letter-spacing:-.01em}@media (max-width:640px){.xhpp-hero-title{font-size:24px}}.xhpp-hero-subtitle{font-size:16px;margin:0 0 28px;opacity:.95;line-height:1.6}@media (max-width:640px){.xhpp-hero-subtitle{font-size:14px}}.xhpp-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.xhpp-hero-btn{padding:13px 32px!important;font-size:15px!important}.xhpp-landing-hero .a5-btn-primary{background:#fff;color:#0B7285!important;box-shadow:0 4px 14px rgb(224 71 78 / .25)}.xhpp-landing-hero .a5-btn-secondary{background:#fff0;color:#fff!important;border:2px solid #fff}.xhpp-hero-trust{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:13px;opacity:.9}.xhpp-landing-stats{padding:40px 0;background:#fff}.xhpp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}@media (max-width:640px){.xhpp-stats-grid{grid-template-columns:repeat(2,1fr)}}.xhpp-stat-box strong{display:block;font-size:32px;font-weight:800;color:#FF5A5F;line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums}.xhpp-stat-box span{font-size:13px;color:#8C8A8E}.xhpp-landing-content{padding:40px 0;background:#FFFBF7}.xhpp-landing-article{background:#fff;padding:32px;border-radius:12px;border:1px solid #FAF6F2;font-size:15px;line-height:1.85;color:#343a40;max-width:860px;margin:0 auto}@media (max-width:640px){.xhpp-landing-article{padding:20px}}.xhpp-landing-template .xhpp-section-header{text-align:center;margin-bottom:32px}.xhpp-landing-template .xhpp-section-header h2{font-size:28px;font-weight:800;color:#2C2A2E;margin:0 0 10px}@media (max-width:640px){.xhpp-landing-template .xhpp-section-header h2{font-size:21px}}.xhpp-landing-template .xhpp-section-header p{font-size:14.5px;color:#8C8A8E;margin:0}.xhpp-landing-features{padding:56px 0;background:#fff}.xhpp-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:960px){.xhpp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.xhpp-features-grid{grid-template-columns:1fr}}.xhpp-feature-box{background:#fff;padding:28px 22px;border-radius:12px;border:1px solid #FAF6F2;text-align:center;transition:all 0.3s}.xhpp-feature-box:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgb(224 71 78 / .12);border-color:#fff0}.xhpp-feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff;font-size:24px}.xhpp-fc-red{background:linear-gradient(135deg,#FF5A5F,#FF8C42)}.xhpp-fc-purple{background:linear-gradient(135deg,#6B5B95,#9B8AC4)}.xhpp-fc-green{background:linear-gradient(135deg,#0B7285,#3FB8C4)}.xhpp-fc-orange{background:linear-gradient(135deg,#FF8C42,#F0A93B)}.xhpp-feature-box h3{font-size:16px;font-weight:700;margin:0 0 6px}.xhpp-feature-box p{font-size:13px;color:#8C8A8E;margin:0;line-height:1.6}.xhpp-landing-compare{padding:56px 0;background:#FFFBF7}.xhpp-compare-table-wrap{max-width:720px;margin:0 auto;overflow-x:auto}.xhpp-compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgb(224 71 78 / .08)}.xhpp-compare-table th,.xhpp-compare-table td{padding:14px 16px;text-align:center;border-bottom:1px solid #FAF6F2}.xhpp-compare-table th{background:#FAF6F2;font-size:14px;font-weight:700;color:#2C2A2E}.xhpp-compare-table th.xhpp-col-vip{background:linear-gradient(135deg,#6B5B95,#0B7285);color:#fff}.xhpp-compare-table td:first-child{text-align:left;font-weight:600;color:#5C5A5E;font-size:13.5px}.xhpp-check-yes{color:#0B7285;font-size:16px}.xhpp-check-no{color:#BCBABE;font-size:16px}.xhpp-landing-testimonials{padding:56px 0;background:#fff}.xhpp-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width:820px){.xhpp-testimonials-grid{grid-template-columns:1fr}}.xhpp-testimonial-box{background:#FFFBF7;padding:24px;border-radius:12px;border:1px solid #FAF6F2}.xhpp-testi-stars{color:#ffc107;font-size:16px;margin-bottom:10px;letter-spacing:2px}.xhpp-testimonial-box p{font-size:14px;color:#5C5A5E;line-height:1.75;margin:0 0 16px;font-style:italic}.xhpp-testi-user{display:flex;align-items:center;gap:10px}.xhpp-testi-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.xhpp-testi-user strong{display:block;font-size:14px;color:#2C2A2E}.xhpp-testi-user span{font-size:12px;color:#8C8A8E}.xhpp-landing-faq{padding:56px 0;background:#FFFBF7}.xhpp-faq-list{max-width:760px;margin:0 auto}.xhpp-faq-item{background:#fff;border:1px solid #FAF6F2;border-radius:10px;margin-bottom:10px;overflow:hidden}.xhpp-faq-item summary{padding:16px 20px;cursor:pointer;font-weight:700;font-size:14.5px;color:#2C2A2E;display:flex;justify-content:space-between;align-items:center;list-style:none}.xhpp-faq-item summary::-webkit-details-marker{display:none}.xhpp-faq-item summary i{transition:transform 0.3s;color:#BCBABE}.xhpp-faq-item[open] summary i{transform:rotate(180deg);color:#FF5A5F}.xhpp-faq-a{padding:0 20px 16px;font-size:13.5px;color:#5C5A5E;line-height:1.75}.xhpp-landing-final-cta{padding:64px 0;background:linear-gradient(135deg,#FF5A5F,#FF8C42);color:#fff;text-align:center}.xhpp-landing-final-cta h2{font-size:28px;font-weight:800;margin:0 0 12px}@media (max-width:640px){.xhpp-landing-final-cta h2{font-size:20px}}.xhpp-landing-final-cta p{font-size:15px;margin:0 0 24px;opacity:.95}.xhpp-final-cta-btn{padding:14px 36px!important;font-size:16px!important;background:#fff!important;color:#FF5A5F!important;box-shadow:0 4px 14px rgb(224 71 78 / .25)}.xhpp-final-note{margin-top:16px!important;font-size:12.5px!important;opacity:.85}