.htg-page{--htg-bg:#0b0e14;--htg-surface:#161b22;--htg-surface-hover:#1c2230;--htg-border:#ff8a001f;--htg-border-subtle:#ffffff0f;--htg-text:#f8fafc;--htg-text-secondary:#a3b1c6;--htg-text-muted:#64748b;--htg-orange:#ff8a00;--htg-orange-light:#ffa033;--htg-glow:#ff8a0066;--htg-glow-subtle:#ff8a0026;--htg-max-width:960px;background:var(--htg-bg);color:var(--htg-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}[data-theme=light] .htg-page{--htg-bg:#fff;--htg-surface:#f8fafc;--htg-surface-hover:#f1f5f9;--htg-border:#00000014;--htg-border-subtle:#0000000a;--htg-text:#0f172a;--htg-text-secondary:#475569;--htg-text-muted:#94a3b8}.htg-hero{padding:80px 24px 48px;text-align:center}.htg-hero-content{margin:0 auto;max-width:720px}.htg-hero-badge{align-items:center;background:#ff8a001a;border:1px solid #ff8a0033;border-radius:20px;color:var(--htg-orange);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 14px}.htg-hero-title{color:var(--htg-text);font-size:42px;font-weight:800;line-height:1.15;margin-bottom:16px}.htg-hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--htg-orange),var(--htg-orange-light));-webkit-background-clip:text;background-clip:text}.htg-hero-subtitle{color:var(--htg-text-secondary);font-size:17px;line-height:1.6;margin:0 auto 32px;max-width:560px}.htg-input-wrapper{margin:0 auto;max-width:640px}.htg-input-row{align-items:center;background:var(--htg-surface);border:1px solid var(--htg-border-subtle);border-radius:14px;display:flex;gap:12px;padding:6px 6px 6px 16px;transition:border-color .2s,box-shadow .2s}.htg-input-row:focus-within{border-color:#ff8a0066;box-shadow:0 0 0 3px #ff8a0014}.htg-input-icon{color:var(--htg-text-muted);flex-shrink:0;font-size:16px}.htg-input{background:none;border:none;color:var(--htg-text);flex:1 1;font-family:inherit;font-size:16px;min-width:0;outline:none;padding:10px 0}.htg-input::placeholder{color:var(--htg-text-muted)}.htg-generate-btn{align-items:center;background:var(--htg-orange);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.htg-generate-btn:hover:not(:disabled){background:var(--htg-orange-light);box-shadow:0 0 24px var(--htg-glow-subtle)}.htg-generate-btn:disabled{cursor:not-allowed;opacity:.5}.htg-spinner{animation:htg-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes htg-spin{to{transform:rotate(1turn)}}.htg-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.htg-suggestions-label{color:var(--htg-text-muted);font-size:13px;font-weight:500}.htg-suggestion-chip{background:#ffffff0a;border:1px solid var(--htg-border-subtle);border-radius:20px;color:var(--htg-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:5px 14px;transition:all .2s}.htg-suggestion-chip:hover{background:#ff8a0014;border-color:#ff8a0033;color:var(--htg-orange)}.htg-results{padding:0 24px 48px}.htg-results-inner{margin:0 auto;max-width:var(--htg-max-width)}.htg-platform-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.htg-platform-tab{align-items:center;background:var(--htg-surface);border:1px solid var(--htg-border-subtle);border-radius:10px;color:var(--htg-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.htg-platform-tab:hover{background:var(--htg-surface-hover);border-color:var(--htg-border)}.htg-platform-tab--active{background:#ff8a0014;border-color:#ff8a004d;box-shadow:0 0 12px #ff8a0014;color:var(--htg-text)}.htg-platform-tab--active svg{color:var(--htg-orange);color:var(--platform-color,var(--htg-orange))}.htg-platform-results{background:var(--htg-surface);border:1px solid var(--htg-border-subtle);border-radius:16px;margin-bottom:20px;padding:28px}.htg-platform-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.htg-platform-info{align-items:center;display:flex;gap:12px}.htg-platform-title{color:var(--htg-text);font-size:18px;font-weight:700;margin:0}.htg-platform-desc{color:var(--htg-text-muted);font-size:13px;margin:2px 0 0}.htg-copy-all-btn{align-items:center;background:#ff8a001a;border:1px solid #ff8a0033;border-radius:8px;color:var(--htg-orange);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s;white-space:nowrap}.htg-copy-all-btn:hover{background:#ff8a0026;border-color:#ff8a0059}.htg-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.htg-tag{align-items:center;background:#ffffff08;border:1px solid var(--htg-border-subtle);border-radius:8px;color:var(--htg-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s}.htg-tag:hover{background:#ff8a000f;border-color:#ff8a0033}.htg-tag:active{transform:scale(.97)}.htg-tag-copy{color:var(--htg-text-muted);flex-shrink:0;opacity:0;transition:opacity .2s}.htg-tag:hover .htg-tag-copy{opacity:1}.htg-tag-count{color:var(--htg-text-muted);font-size:13px;margin-top:20px;text-align:center}.htg-stats{display:flex;gap:24px;justify-content:center}.htg-stat{align-items:center;color:var(--htg-text-muted);display:flex;font-size:13px;font-weight:500;gap:6px}.htg-cta{padding:0 24px 64px}.htg-cta-inner{background:linear-gradient(135deg,#ff8a0014,#ff8a0005);border:1px solid #ff8a0033;border-radius:20px;margin:0 auto;max-width:var(--htg-max-width);overflow:hidden;padding:56px 36px;position:relative;text-align:center}.htg-cta-glow{background:radial-gradient(circle,#ff8a001f 0,#0000 70%);height:400px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px}.htg-cta-content{position:relative}.htg-cta-icon{color:var(--htg-orange);margin-bottom:16px}.htg-cta-title{color:var(--htg-text);font-size:28px;font-weight:800;margin-bottom:12px}.htg-cta-text{color:var(--htg-text-secondary);font-size:16px;line-height:1.6;margin:0 auto 28px;max-width:520px}.htg-cta-button{align-items:center;background:var(--htg-orange);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;padding:14px 32px;text-decoration:none;transition:all .25s}.htg-cta-button:hover{background:var(--htg-orange-light);box-shadow:0 0 30px var(--htg-glow-subtle);transform:translateY(-2px)}.htg-how{padding:0 24px 64px}.htg-how-inner{margin:0 auto;max-width:var(--htg-max-width);text-align:center}.htg-how-title{color:var(--htg-text);font-size:28px;font-weight:800;margin-bottom:40px}.htg-how-steps{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.htg-how-step{background:var(--htg-surface);border:1px solid var(--htg-border-subtle);border-radius:16px;padding:28px 24px;text-align:center;transition:all .2s}.htg-how-step:hover{border-color:var(--htg-border);transform:translateY(-2px)}.htg-how-step-num{align-items:center;background:#ff8a001a;border:1px solid #ff8a0033;border-radius:10px;color:var(--htg-orange);display:flex;font-size:18px;font-weight:800;height:40px;justify-content:center;margin:0 auto 16px;width:40px}.htg-how-step h3{color:var(--htg-text);font-size:17px;font-weight:700;margin-bottom:8px}.htg-how-step p{color:var(--htg-text-secondary);font-size:14px;line-height:1.55;margin:0}.htg-faq{padding:0 24px 80px}.htg-faq-inner{margin:0 auto;max-width:var(--htg-max-width)}.htg-faq-title{color:var(--htg-text);font-size:28px;font-weight:800;margin-bottom:40px;text-align:center}.htg-faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.htg-faq-item{background:var(--htg-surface);border:1px solid var(--htg-border-subtle);border-radius:14px;padding:24px;transition:border-color .2s}.htg-faq-item:hover{border-color:var(--htg-border)}.htg-faq-item h3{color:var(--htg-text);font-size:15px;font-weight:700;margin-bottom:8px}.htg-faq-item p{color:var(--htg-text-secondary);font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.htg-hero{padding:60px 16px 32px}.htg-hero-title{font-size:28px}.htg-hero-subtitle{font-size:15px;margin-bottom:24px}.htg-input-row{flex-direction:column;gap:10px;padding:12px}.htg-input-icon{display:none}.htg-input{padding:8px 0;text-align:center;width:100%}.htg-generate-btn{justify-content:center;padding:14px 24px;width:100%}.htg-platform-tabs{gap:6px}.htg-platform-tab{font-size:13px;padding:8px 14px}.htg-platform-tab-name{display:none}.htg-platform-results{padding:20px 16px}.htg-platform-header{align-items:flex-start;flex-direction:column;gap:12px}.htg-copy-all-btn{justify-content:center;width:100%}.htg-tags-grid{gap:8px}.htg-tag{font-size:13px;padding:7px 12px}.htg-tag-copy{opacity:1}.htg-how-steps{gap:16px;grid-template-columns:1fr}.htg-faq-grid{gap:12px;grid-template-columns:1fr}.htg-cta-inner{padding:36px 20px}.htg-cta-title{font-size:22px}.htg-results{padding:0 16px 36px}.htg-cta,.htg-faq,.htg-how{padding-left:16px;padding-right:16px}.htg-stats{flex-wrap:wrap;gap:16px}}@media (max-width:480px){.htg-hero-title{font-size:24px}.htg-suggestions{gap:6px}.htg-suggestion-chip{font-size:12px;padding:4px 10px}.htg-cta-title,.htg-faq-title,.htg-how-title{font-size:22px}}