:root{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb2e;--secondary:#4f46e5;--muted:#64748b;--muted-foreground:#94a3b8;--border:#ffffff14;--input:#ffffff0a;--success:#10b981;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--shadow-glow:0 4px 20px #2563eb40;--shadow-glow-pink:0 4px 20px #4f46e533}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);scroll-behavior:smooth;min-height:100vh;line-height:1.6}body{flex-direction:column;display:flex;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:all .2s}a:hover{color:var(--primary-hover);opacity:.95}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--foreground);font-weight:700;line-height:1.25}.app-container{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 1.5rem;display:flex}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex}.logo-link{color:var(--foreground);text-transform:lowercase;letter-spacing:-.03em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.logo-accent{color:var(--primary);text-shadow:0 0 10px #2563eb66}.logo-sub{color:var(--muted-foreground);font-size:.85rem;font-weight:400}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted-foreground);flex-direction:column;gap:1rem;margin-top:auto;padding:3rem 0;font-size:.875rem;display:flex}.footer-links{justify-content:center;gap:1.5rem;display:flex}.footer-links a{color:var(--muted-foreground)}.footer-links a:hover{color:var(--foreground)}.hero{text-align:center;background:radial-gradient(circle at 50% 30%,#2563eb14 0%,#0000 70%);border:1px solid #ffffff05;border-radius:24px;margin-bottom:3rem;padding:4rem 1rem}.hero-tag{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb33;border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero h1{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(2.25rem,6vw,3rem)}.hero p{color:var(--muted-foreground);max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 25px #2563eb59}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#ffffff14}.btn-pink{background:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-pink:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 25px #2563eb59}.feature-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:linear-gradient(180deg, var(--card) 0%, #06b6d405 100%);border-color:#06b6d44d;transform:translateY(-4px)}.feature-icon{margin-bottom:1rem;font-size:2rem}.feature-card h3{margin-bottom:.5rem}.feature-card p{color:var(--muted-foreground);font-size:.9rem}.wizard-box{background:var(--card);border:1px solid var(--border);border-radius:20px;margin-bottom:4rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.wizard-box:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);width:100%;height:4px;position:absolute;top:0;left:0}.step-indicator{justify-content:space-between;max-width:480px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:flex;position:relative}.step-indicator:before{content:"";background:var(--border);z-index:1;height:2px;position:absolute;top:15px;left:0;right:0}.step-bubble{background:var(--card);border:2px solid var(--border);z-index:2;width:32px;height:32px;color:var(--muted-foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.step-bubble.active{border-color:var(--primary);background:var(--background);color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.step-bubble.completed{border-color:var(--success);background:var(--success);color:#000}.step-label{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem;font-weight:600;position:absolute;top:40px;transform:translate(-35%)}.step-bubble.active+.step-label{color:var(--foreground)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group select{background:var(--input);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:8px;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:var(--card);outline:none}.form-group .help-text{color:var(--muted-foreground);margin-top:.4rem;font-size:.75rem}.selector-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.selector-option{border:1px solid var(--border);background:var(--input);text-align:center;cursor:pointer;color:var(--muted-foreground);border-radius:8px;padding:1rem;font-size:.875rem;font-weight:600;transition:all .2s}.selector-option:hover{color:var(--foreground);border-color:#fff3}.selector-option.selected{border-color:var(--primary);color:var(--primary);background:#06b6d414;box-shadow:inset 0 0 10px #06b6d41a}.checklist-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.checklist-item{border:1px solid var(--border);background:var(--input);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .2s;display:flex}.checklist-item:hover{background:#ffffff12;border-color:#ffffff26}.checklist-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.checklist-item.checked{border-color:var(--primary);background:#06b6d40d}.checklist-item.checked span{color:var(--foreground);font-weight:500}.checklist-item span{color:var(--muted-foreground);font-size:.875rem}.generator-layout{grid-template-columns:1fr;gap:2.5rem;margin-bottom:4rem;display:grid}.preview-sidebar{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.5rem;height:fit-content;padding:2rem;display:flex;position:sticky;top:2rem}.preview-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;font-size:1.1rem;display:flex}.preview-badge{background:var(--input);color:var(--foreground);text-transform:uppercase;border-radius:99px;padding:.15rem .5rem;font-size:.7rem}.preview-box{border:1px solid var(--border);height:380px;color:var(--muted-foreground);white-space:pre-wrap;background:#09090b;border-radius:10px;padding:1.25rem;font-family:monospace;font-size:.8rem;overflow-y:auto}.wizard-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:2rem;padding-top:1.5rem;display:flex}.policy-page{max-width:800px;margin:0 auto 4rem}.policy-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.policy-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:clamp(1.5rem,5vw,3rem);box-shadow:0 4px 30px #0003}.policy-card h1{text-align:center;margin-bottom:.5rem;font-size:2.25rem}.policy-card .meta{color:var(--muted-foreground);text-align:center;border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:1.5rem;font-size:.85rem}.policy-content{color:var(--foreground);font-size:1rem;line-height:1.7}.policy-content h2{color:var(--foreground);border-bottom:1px solid #ffffff0d;margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.4rem}.policy-content p{margin-bottom:1.2rem}.policy-content ul{margin-bottom:1.2rem;padding-left:1.5rem}.policy-content li{margin-bottom:.4rem}.policy-content a{word-break:break-all}.ad-container-wrapper{transition:all .3s}.ad-badge-label{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem;font-size:.55rem;font-weight:700}.ad-skeleton-loader{background:#ffffff05;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%);width:50%;height:100%;animation:1.5s infinite shimmerAnim;position:absolute;top:0;left:-150%}@keyframes shimmerAnim{0%{left:-150%}to{left:150%}}@media print{body{font-size:12pt;line-height:1.5;color:#000!important;background:#fff!important}header,footer,.policy-actions,.ad-container-wrapper,.ad-badge-label,.ad-placeholder-box{display:none!important}.app-container{max-width:100%!important;padding:0!important}.policy-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;color:#000!important}.policy-content{color:#000!important}a{color:#000!important;text-decoration:underline!important}}.toast-msg{border:1px solid var(--primary);color:#fff;box-shadow:0 10px 25px #00000080, var(--shadow-glow);z-index:9999;background:#18181b;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.recent-list{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:2rem;margin-bottom:4rem;padding:2rem}.recent-title{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;display:flex}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.recent-item{background:var(--input);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;transition:all .2s;display:flex}.recent-item:hover{border-color:var(--primary);background:#06b6d40d}.recent-name{color:var(--foreground);font-size:.9rem;font-weight:600}.recent-slug{color:var(--primary);font-family:monospace;font-size:.75rem}:root.light-theme{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb14;--secondary:#4f46e5;--muted:#94a3b8;--muted-foreground:#475569;--border:#0f172a14;--input:#dbeafe;--success:#059669;--shadow-glow:0 4px 20px #2563eb1f;--shadow-glow-pink:0 4px 20px #4f46e51a}html.light-theme h1,html.light-theme h2,html.light-theme h3,html.light-theme h4,html.light-theme h5,html.light-theme h6{color:#0f172a}html.light-theme .hero h1{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}html.light-theme input,html.light-theme select,html.light-theme textarea{background:#fff;border-color:#0f172a1f;color:#0f172a!important}html.light-theme input:focus,html.light-theme select:focus,html.light-theme textarea:focus{border-color:var(--primary);background:#fff;color:#0f172a!important}html.light-theme .preview-sidebar,html.light-theme .preview-box{color:#334155;background:#f1f5f9;border-color:#0f172a0f}html.light-theme .preview-title{color:#0f172a;border-color:#0f172a0f}html.light-theme .preview-badge{color:#2563eb;background:#dbeafe}html.light-theme .step-bubble{color:#64748b;background:#e2e8f0;border-color:#0f172a14}html.light-theme .step-bubble.active{border-color:var(--primary);color:var(--primary);background:#fff}html.light-theme .step-bubble.completed{background:var(--success);color:#fff}html.light-theme .selector-option{color:#64748b;background:#f1f5f9}html.light-theme .selector-option:hover{color:#0f172a;border-color:#0f172a26}html.light-theme .selector-option.selected{border-color:var(--primary);color:var(--primary);background:#dbeafe}html.light-theme .checklist-item{color:#64748b;background:#f1f5f9}html.light-theme .checklist-item:hover{background:#e2e8f0;border-color:#0f172a26}html.light-theme .checklist-item.checked{border-color:var(--primary);background:#dbeafe}html.light-theme .checklist-item.checked span{color:#0f172a}html.light-theme .recent-item{background:#f1f5f9}html.light-theme .recent-item:hover{border-color:var(--primary);background:#dbeafe}html.light-theme .recent-name,html.light-theme .logo-link{color:#0f172a}html.light-theme header,html.light-theme footer{border-color:#0f172a0f}html.light-theme #faq div{background:#fff!important;border-color:#0f172a0f!important}html.light-theme .policy-card{box-shadow:0 4px 20px #0f172a08}html.light-theme .policy-content{color:#334155}html.light-theme .policy-content h2{color:#0f172a;border-color:#0f172a0f}html.light-theme .ai-generated-disclosure{border-color:var(--primary)!important;background:#dbeafe!important}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.step-label{display:none!important}.step-indicator{margin-bottom:2rem!important}.wizard-box{padding:1.5rem!important}.tab-container{max-width:100%!important}.policy-actions{flex-direction:column!important;gap:.75rem!important}.policy-actions .btn{width:100%!important}}