:root{--bg-main:#f7f4ee;--bg-surface:#fff;--bg-surface-subtle:#faf8f4;--bg-surface-muted:#f2efe9;--bg-dark:#191817;--bg-dark-card:#232220;--text-primary:#171717;--text-secondary:#66645f;--text-muted:#8a8780;--text-inverse:#faf8f4;--border-color:#ddd9d0;--border-light:#eae6dc;--border-dark:#2c2b29;--accent-emerald:#174c3c;--accent-emerald-hover:#113b2e;--accent-emerald-light:#ebf2ee;--accent-emerald-border:#bcd1c7;--accent-gold:#b89555;--accent-gold-hover:#a38144;--accent-gold-light:#f8f3e9;--accent-gold-border:#deceac;--status-success:#1e6b47;--status-success-bg:#edf7f1;--status-warning:#9e6413;--status-warning-bg:#fdf6e9;--status-error:#9c2e2e;--status-error-bg:#fdf0f0;--status-info:#174c3c;--status-info-bg:#edf4f1;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Cormorant Garamond", "Playfair Display", Georgia, serif;--font-display:"Cinzel", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--font-script:"Alex Brush", cursive;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-subtle:0 1px 2px #1717170a;--shadow-sm:0 2px 6px #1717170d, 0 1px 2px #1717170a;--shadow-md:0 6px 18px #1717170f, 0 2px 4px #17171708;--shadow-lg:0 16px 36px #17171714, 0 4px 10px #1717170a;--shadow-certificate:0 12px 36px #1717171f, 0 2px 8px #1717170f;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-base:.22s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.32s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;min-height:100%;font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-surface-muted)}::-webkit-scrollbar-thumb{background:#c4bfb4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a9a499}.font-serif{font-family:var(--font-serif)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-script{font-family:var(--font-script)}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-narrow{max-width:880px}.container-wide{max-width:1440px}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent-emerald);color:#fff;border:1px solid var(--accent-emerald);box-shadow:0 1px 2px #174c3c33}.btn-primary:hover{background-color:var(--accent-emerald-hover);border-color:var(--accent-emerald-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{background-color:var(--bg-surface-subtle);border-color:#c7c2b7}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--text-primary);background-color:#0000000a}.btn-gold{background-color:var(--accent-gold);color:#fff;border:1px solid var(--accent-gold)}.btn-gold:hover{background-color:var(--accent-gold-hover)}.btn-danger{background-color:var(--status-error);color:#fff;border:1px solid var(--status-error)}.btn-danger:hover{background-color:#822222}.btn-sm{border-radius:var(--radius-xs);padding:6px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:15px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-emerald{background-color:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid var(--accent-emerald-border)}.badge-gold{background-color:var(--accent-gold-light);color:var(--accent-gold-hover);border:1px solid var(--accent-gold-border)}.badge-neutral{background-color:var(--bg-surface-muted);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-success{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid #b8e4cc}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid #ecd7a8}.badge-error{background-color:var(--status-error-bg);color:var(--status-error);border:1px solid #f5bcbc}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 13px;font-size:14px}.form-input:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #174c3c1f}.form-input::placeholder{color:var(--text-muted)}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.surface-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle)}.ad-slot-container{background-color:var(--bg-surface-subtle);border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;max-width:970px;margin:40px auto;padding:16px}.ad-slot-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px}.ad-slot-content{border-radius:var(--radius-xs);min-height:90px;color:var(--text-muted);font-size:13px;font-family:var(--font-mono);background-color:#f1ece2;justify-content:center;align-items:center;display:flex}.certificate-frame{box-shadow:var(--shadow-certificate);aspect-ratio:1.414;-webkit-user-select:none;user-select:none;background:#fffdf9;border:1px solid #d5cebf;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.cert-border-double{border:2px solid var(--accent-gold);pointer-events:none;position:absolute;inset:16px}.cert-border-double:before{content:"";border:1px solid #d8c6a5;position:absolute;inset:4px}.cert-border-corner{border-color:var(--accent-emerald);width:28px;height:28px;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #174c3c33}70%{box-shadow:0 0 0 8px #174c3c00}to{box-shadow:0 0 #174c3c00}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.desktop-nav{display:none!important}@media (width>=860px){.desktop-nav{display:flex!important}}.mobile-menu-btn{display:flex!important}@media (width>=860px){.mobile-menu-btn{display:none!important}}@media (width<=768px){.container{padding-left:16px;padding-right:16px}}@media (width<=480px){.container{padding-left:14px;padding-right:14px}.btn-lg{padding:11px 20px;font-size:14px}}@media (width<=360px){.container{padding-left:12px;padding-right:12px}}.hero-grid{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}.hero-grid>*,.workflow-grid>*,.feature-split-card>*,.features-grid-pair>*{min-width:0}@media (width>=960px){.hero-grid{grid-template-columns:repeat(2,1fr);gap:56px}}.hero-action-buttons{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}@media (width<=600px){.hero-action-buttons{flex-direction:column;width:100%}.hero-action-buttons .btn{justify-content:center;width:100%}}.hero-style-selector{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.hero-preview-card{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);box-sizing:border-box;width:100%;max-width:100%;padding:14px;overflow:hidden}@media (width<=480px){.hero-preview-card{padding:8px 6px}}.workflow-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.workflow-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (width>=1024px){.workflow-grid{grid-template-columns:repeat(5,1fr);gap:20px}}.feature-split-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:1fr;align-items:center;gap:24px;margin-bottom:32px;padding:20px 16px;display:grid}@media (width>=860px){.feature-split-card{grid-template-columns:repeat(2,1fr);gap:40px;padding:40px}}.features-grid-pair{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.features-grid-pair{grid-template-columns:repeat(2,1fr);gap:24px}}.feature-card-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px 16px}@media (width>=768px){.feature-card-item{padding:32px}}.certificate-scaler-outer{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.certificate-render-wrapper{max-width:100%}@media (width<=860px){.header-login-btn{display:none!important}}@media (width<=640px){.header-create-btn,.header-tagline{display:none!important}}@media (width<=900px){.generator-step-label{display:none}}.article-page-grid{grid-template-columns:1fr;align-items:start;gap:28px;width:100%;display:grid}@media (width>=900px){.article-page-grid{grid-template-columns:minmax(0,1fr) 280px;gap:48px}}.article-content-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;width:100%;min-width:0;max-width:100%;padding:20px 16px}@media (width>=640px){.article-content-card{padding:32px 28px}}@media (width>=900px){.article-content-card{padding:40px}}.article-mobile-toc{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:20px;display:block}.article-desktop-toc{display:none}@media (width>=900px){.article-mobile-toc{display:none!important}.article-desktop-toc{display:block!important}}.article-code-block{border:1px solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);box-sizing:border-box;-webkit-overflow-scrolling:touch;white-space:pre-wrap;word-break:break-word;background-color:#faf8f4;max-width:100%;margin-bottom:24px;padding:14px 16px;font-size:12px;overflow-x:auto}.article-cta-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;background-color:#faf8f4;flex-direction:column;gap:16px;width:100%;margin-top:40px;padding:18px;display:flex}@media (width>=640px){.article-cta-box{flex-direction:row;justify-content:space-between;align-items:center;padding:24px}}.pricing-cards-grid{grid-template-columns:1fr;gap:20px;width:100%;margin-bottom:56px;display:grid}@media (width>=640px){.pricing-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (width>=1024px){.pricing-cards-grid{grid-template-columns:repeat(3,1fr);gap:28px}}.pricing-card-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;min-width:0;max-width:100%;padding:28px 20px;display:flex}@media (width>=640px){.pricing-card-item{padding:32px 24px}}