:root{--void: #0A0907;--surface: #111009;--surface2: #181610;--surface3: #201D14;--gold: #C8940A;--gold-hi: #F0C040;--gold-lo: #8A6408;--gold-glow: rgba(200,148,10,.1);--gold-border: rgba(200,148,10,.22);--amber: #D96A0A;--teal: #00E8B8;--teal-dim: rgba(0,232,184,.08);--teal-border: rgba(0,232,184,.25);--cream: #F5EDDB;--cream-dim: rgba(245,237,219,.58);--muted: rgba(245,237,219,.28);--green: #22C55E;--green-dim: rgba(34,197,94,.1);--green-border: rgba(34,197,94,.3);--error: #E05A3A;--error-dim: rgba(224,90,58,.1);--error-border: rgba(224,90,58,.3);--fd: "Cormorant Garamond", Georgia, serif;--fh: "Syne", sans-serif;--fb: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--cream);font-family:var(--fb);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.028}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--gold-border)}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:22px 52px;transition:all .4s}.nav.scrolled{background:#0a0907ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--gold-border);padding:14px 52px}.logo{font-family:var(--fd);font-size:1.8rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--gold-hi),var(--gold),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-links{display:flex;gap:28px;align-items:center}.nav-link{font-family:var(--fh);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);cursor:pointer;transition:color .2s;background:none;border:none;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--teal)}.nav-badge{font-family:var(--fh);font-size:.58rem;font-weight:600;letter-spacing:.1em;padding:4px 10px;background:var(--teal-dim);border:1px solid var(--teal-border);color:var(--teal)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hamburger span{display:block;width:22px;height:1.5px;background:var(--cream);transition:all .3s}.btn{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:all .25s;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-gold{color:var(--void);background:linear-gradient(135deg,var(--gold-hi),var(--gold));padding:14px 32px}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #c8940a59}.btn-teal{color:var(--void);background:var(--teal);padding:14px 32px}.btn-teal:hover:not(:disabled){background:#30ffd0;transform:translateY(-2px)}.btn-ghost{color:var(--cream-dim);background:transparent;border:1px solid var(--gold-border);padding:13px 28px}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-green{color:#fff;background:var(--green);padding:12px 24px}.btn-green:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.btn-sm{padding:9px 18px;font-size:.65rem}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-family:var(--fh);font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.form-input,.form-select,.form-textarea{background:var(--void);border:1px solid var(--gold-border);color:var(--cream);font-family:var(--fb);font-size:.88rem;padding:12px 15px;outline:none;transition:border-color .2s;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-textarea{resize:vertical;min-height:88px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal)}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-select option{background:var(--surface)}.sel-wrap{position:relative}.sel-arr{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none;font-size:.72rem}.form-err{font-size:.78rem;color:var(--error);margin-top:4px}.container{max-width:1200px;margin:0 auto;padding:0 48px}.container-sm{max-width:860px;margin:0 auto;padding:0 48px}.page{padding-top:100px;padding-bottom:80px}.section-label{font-family:var(--fh);font-size:.62rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:14px}.section-h2{font-family:var(--fd);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;line-height:1.08;color:var(--cream)}.section-h2 em{font-style:italic;color:var(--gold)}.section-sub{font-size:.9rem;line-height:1.75;color:var(--cream-dim);max-width:520px;margin-top:14px}.card{background:var(--surface);border:1px solid var(--gold-border);padding:32px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card-teal{border-color:var(--teal-border)}.card-teal:before{background:linear-gradient(to right,transparent,var(--teal),transparent)!important;opacity:1!important}.card-selected{border-color:var(--teal)!important;background:var(--teal-dim)!important}.alert-err{background:var(--error-dim);border:1px solid var(--error-border);color:#f09050;font-size:.82rem;padding:11px 15px;margin-top:11px}.alert-success{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green);font-size:.82rem;padding:11px 15px}.loader{text-align:center;padding:44px 0}.loader-text{font-family:var(--fd);font-size:1.15rem;font-style:italic;color:var(--cream-dim);animation:pulse 1.6s ease-in-out infinite}.bars{display:flex;justify-content:center;gap:5px;margin-top:18px}.bar{width:3px;height:20px;background:var(--gold);border-radius:2px;animation:barPulse 1.2s ease-in-out infinite}.bar:nth-child(2){animation-delay:.15s}.bar:nth-child(3){animation-delay:.3s}.bar:nth-child(4){animation-delay:.45s}.bar:nth-child(5){animation-delay:.6s}.pill{display:inline-block;font-family:var(--fh);font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--teal-border);color:var(--teal);margin:2px}.pill-gold{border-color:var(--gold-border);color:var(--gold)}.pill-green{border-color:var(--green-border);color:var(--green)}.rlist{list-style:none;display:flex;flex-direction:column;gap:7px}.rlist li{font-size:.82rem;line-height:1.55;color:var(--cream-dim);padding-left:16px;position:relative}.rlist li:before{content:"→";position:absolute;left:0;color:var(--teal);font-size:.7rem}.rlist.gold li:before{color:var(--gold)}.progress-wrap{background:var(--surface);border-bottom:1px solid var(--gold-border)}.progress-inner{max-width:860px;margin:0 auto;padding:0 24px}.progress-bar-line{display:flex;align-items:center;gap:12px;padding:8px 0 0}.progress-pct{font-family:var(--fh);font-size:.56rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.progress-track{flex:1;height:2px;background:var(--gold-border);position:relative}.progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(to right,var(--gold),var(--teal));transition:width .6s ease}.progress-steps{display:flex;gap:0}.progress-step{flex:1;padding:9px 6px;text-align:center;border-right:1px solid var(--gold-border);background:var(--surface);transition:all .3s}.progress-step:last-child{border-right:none}.progress-step.done{background:var(--green-dim);border-color:var(--green-border)}.progress-step.active{background:var(--teal-dim);border-color:var(--teal-border)}.progress-step-icon{font-size:.7rem;display:block;color:var(--muted)}.progress-step.done .progress-step-icon{color:var(--green)}.progress-step.active .progress-step-icon{color:var(--teal)}.progress-step-label{font-family:var(--fh);font-size:.5rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-top:2px}.progress-step.done .progress-step-label{color:var(--green)}.progress-step.active .progress-step-label{color:var(--teal)}.niche-option{background:var(--surface);border:1px solid var(--gold-border);padding:20px 22px;cursor:pointer;transition:all .25s;position:relative}.niche-option:hover{border-color:var(--teal-border);background:var(--teal-dim)}.niche-option.selected{border-color:var(--teal);background:var(--teal-dim)}.niche-option.selected:after{content:"✓ Selected";position:absolute;top:12px;right:14px;color:var(--teal);font-family:var(--fh);font-weight:700;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.post-card{background:var(--surface2);border:1px solid var(--gold-border);padding:22px}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--gold-border)}.post-body{font-size:.86rem;line-height:1.7;color:var(--cream);white-space:pre-wrap;margin-bottom:12px}.post-hashtags{font-size:.74rem;color:var(--teal);margin-bottom:10px}.post-why{font-size:.72rem;color:var(--muted);font-style:italic;border-top:1px solid var(--gold-border);padding-top:8px}.copy-btn{font-family:var(--fh);font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--gold-border);padding:5px 12px;cursor:pointer;transition:all .2s}.copy-btn:hover{color:var(--gold);border-color:var(--gold)}.copy-btn.copied{color:var(--green);border-color:var(--green-border)}.id-banner{background:linear-gradient(135deg,#c8940a1a,#00e8b80d);border:1px solid var(--gold-border);padding:22px 26px;position:relative;overflow:hidden;margin-bottom:26px}.id-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--gold),var(--teal))}.tool-subnav{background:var(--surface);border-bottom:1px solid var(--gold-border);overflow-x:auto;position:sticky;z-index:99}.tool-subnav-inner{display:flex;max-width:860px;margin:0 auto;padding:0 24px}.tool-tab{font-family:var(--fh);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:11px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:5px}.tool-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tool-tab.active.teal{color:var(--teal);border-bottom-color:var(--teal)}.tool-tab-done{color:var(--green);font-size:.62rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes barPulse{0%,to{transform:scaleY(.35);opacity:.35}50%{transform:scaleY(1);opacity:1}}@keyframes scrollDown{0%{opacity:0;transform:translateY(-6px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}.anim-up{animation:fadeUp .6s ease both}.anim-up-1{animation:fadeUp .6s .1s ease both}.anim-up-2{animation:fadeUp .6s .2s ease both}.anim-up-3{animation:fadeUp .6s .3s ease both}@media(max-width:900px){.nav{padding:15px 24px}.nav.scrolled{padding:11px 24px}.nav-links{display:none}.hamburger{display:flex}.container,.container-sm{padding:0 20px}.progress-step-label{display:none}}@media(max-width:600px){.btn-gold,.btn-teal,.btn-ghost{padding:12px 20px}.card{padding:20px}.grid-2,.grid-3{grid-template-columns:1fr!important}}