.App{font-family:sans-serif;text-align:center}:root{--card-bg:#fff}html{scroll-behavior:smooth;scroll-padding-top:80px}.App,body{overflow-x:hidden}.text-secondary{color:#57534e!important;color:var(--secondary)!important}.text-primary{color:#c8102e!important;color:var(--primary)!important}.skip-link{background:#17120f;background:var(--ink);border-radius:8px;color:#fff;left:-999px;padding:8px 14px;position:absolute;top:8px;z-index:2000}.skip-link:focus{left:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);-webkit-background-clip:text;background-clip:text}.hero-title{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;line-height:1.12}.section-title{font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:-.01em}.eyebrow{background:#fff1d6;background:var(--gold-soft);border-radius:999px;color:#7a4e00;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.25rem;padding:6px 14px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;box-shadow:0 1px 3px #17120f0f;padding:.75rem 0}.navbar-brand{font-size:1.35rem}.nav-link{color:#292524;font-weight:500;margin:0 .5rem;transition:color .2s}.nav-link:hover{color:#c8102e;color:var(--primary)}.btn-primary-custom{background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);border:none;border-radius:12px;color:#fff;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary-custom:hover{box-shadow:0 10px 20px #c8102e47;color:#fff;transform:translateY(-2px)}.btn-outline-custom{background:#0000;border:2px solid #17120f;border:2px solid var(--ink);border-radius:12px;color:#17120f;color:var(--ink);font-weight:600;transition:all .2s}.btn-outline-custom:hover{background:#17120f;background:var(--ink);color:#fff;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#fffaf5,#fff1de);display:flex;padding:110px 0 70px}.hero-img{max-height:420px;object-fit:cover;width:100%}.trust-list{padding:0}.trust-list .badge{border:1px solid #ece5dc;border:1px solid var(--line);font-size:.8rem;font-weight:500}.benefits-banner{background:#fff;border-bottom:1px solid #ece5dc;border-bottom:1px solid var(--line)}.step-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #17120f0f;transition:all .3s}.step-card:hover{box-shadow:0 20px 25px -5px #17120f1f;transform:translateY(-8px)}.step-icon{align-items:center;background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:45px;justify-content:center;width:45px}.step-img{height:140px;object-fit:cover;width:100%}.ai-database-section{background:linear-gradient(135deg,#231815,#0d0907);border-top:4px solid #f5b400;border-top:4px solid var(--gold);color:#fff}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #f5b40040}.stat-value{color:#f5b400;color:var(--gold)}.benefit-card,.testimonial-card{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #17120f0f;transition:all .3s}.benefit-card:hover,.testimonial-card:hover{box-shadow:0 10px 15px -3px #17120f1f;transform:translateY(-4px)}.bg-light{background-color:#f7f2ea!important}.avatar{object-fit:cover}.pricing-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #17120f0f;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 20px 25px -5px #17120f1f;transform:translateY(-4px)}.pro-card{border:2px solid #c8102e;border:2px solid var(--primary)}.popular-badge{background:#f5b400;background:var(--gold);border-radius:20px;color:#17120f;color:var(--ink);font-size:.75rem;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.faq-item{background:#fff;border:1px solid #ece5dc;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden}.faq-item.open{border-color:#c8102e;border-color:var(--primary)}.faq-q{align-items:center;background:none;border:0;color:#17120f;color:var(--ink);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.faq-q span{color:#c8102e;color:var(--primary);font-size:1.4rem;line-height:1}.faq-a{padding:0 20px 18px}.cta-section{background:linear-gradient(135deg,#231815,#0d0907);color:#fff}.footer{background:#0d0907;color:#d6d3d1;position:relative}.footer:before{background:linear-gradient(90deg,#c8102e 0 50%,#f5b400 50% 100%);background:linear-gradient(90deg,var(--primary) 0 50%,var(--gold) 50% 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer a{color:#d6d3d1;transition:color .2s}.footer a:hover{color:#f5b400;color:var(--gold)}.badge.bg-primary-custom{background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);color:#fff}.mobile-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;bottom:0;box-shadow:0 -2px 12px #17120f1a;left:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1030}@media (max-width:991.98px){.footer{padding-bottom:5.5rem!important}}@media (max-width:576px){.navbar-brand{font-size:1.2rem}.btn-lg{font-size:.95rem;padding:.75rem 1.5rem}.hero-section{padding:100px 0 50px}}:root{--primary:#c8102e;--primary-dark:#9e0c24;--gold:#f5b400;--gold-soft:#fff1d6;--ink:#17120f;--secondary:#57534e;--background:#fcfaf7;--line:#ece5dc;--ok:#1b7a3d;--grad:linear-gradient(135deg,#c8102e,#e8590c)}*{box-sizing:border-box}body{background:#fcfaf7;background:var(--background);color:#17120f;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0}.pf-page{min-height:100vh}.pf-center{align-items:center;display:flex;justify-content:center;padding:24px 16px}.pf-container{margin:0 auto;max-width:760px;padding:0 16px;width:100%}.pf-muted{color:#57534e;color:var(--secondary)}h1{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.01em}h1,h2{margin:0 0 8px}h2{font-size:1.1rem}:focus-visible{outline:3px solid #9e0c24;outline:3px solid var(--primary-dark);outline-offset:2px}.pf-header{background:#fff;border-bottom:1px solid #ece5dc;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.pf-header-inner{align-items:center;display:flex;justify-content:space-between;max-width:760px;padding-bottom:12px;padding-top:12px}.pf-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;text-decoration:none}.pf-header-user{align-items:center;display:flex;gap:12px}.pf-email{font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:520px){.pf-email{display:none}}.pf-main{padding-bottom:64px;padding-top:32px}.pf-card{background:#fff;border:1px solid #ece5dc;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 6px -1px #17120f0d;margin-top:16px;padding:22px}.pf-hint{font-size:.9rem;margin:0 0 16px}.pf-progress{border-top:4px solid #f5b400;border-top:4px solid var(--gold);margin-top:24px}.pf-progress-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.pf-bar{background:#f1ebe2;border-radius:999px;height:10px;overflow:hidden}.pf-bar-fill{background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);border-radius:999px;height:100%;transition:width .4s ease}.pf-steps{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;margin:16px 0 0;padding:0}.pf-steps li{align-items:center;color:#57534e;color:var(--secondary);display:flex;font-size:.9rem;gap:8px}.pf-steps li.done{color:#17120f;color:var(--ink);font-weight:600}.pf-check{align-items:center;border:2px solid #ece5dc;border:2px solid var(--line);border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;height:20px;justify-content:center;width:20px}.pf-steps li.done .pf-check{background:#1b7a3d;background:var(--ok);border-color:#1b7a3d;border-color:var(--ok)}.pf-field{margin-top:14px}.pf-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.pf-field input{background:#fff;border:1.5px solid #ece5dc;border:1.5px solid var(--line);border-radius:12px;color:#17120f;color:var(--ink);font-size:1rem;padding:12px 14px;width:100%}.pf-field input:focus{border-color:#c8102e;border-color:var(--primary);box-shadow:0 0 0 3px #c8102e26;outline:none}.pf-drop{align-items:center;background:#fffaf2;border:2px dashed #d9cfc2;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:6px;padding:24px 16px;text-align:center;transition:border-color .2s,background .2s}.pf-drop:hover,.pf-file:focus-visible+.pf-drop{background:#fff1d6;background:var(--gold-soft);border-color:#c8102e;border-color:var(--primary)}.pf-drop.disabled{cursor:wait;opacity:.6}.pf-drop-icon{font-size:1.5rem}.pf-file{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.pf-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:12px 22px;transition:transform .2s,box-shadow .2s,background .2s}.pf-btn:disabled{cursor:wait;opacity:.6}.pf-btn-primary{background:linear-gradient(135deg,#c8102e,#e8590c);background:var(--grad);color:#fff}.pf-btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #c8102e47;transform:translateY(-2px)}.pf-btn-outline{background:#0000;border-color:#17120f;border-color:var(--ink);color:#17120f;color:var(--ink)}.pf-btn-outline:hover:not(:disabled){background:#17120f;background:var(--ink);color:#fff}.pf-btn-ghost{background:#0000;border-color:#ece5dc;border-color:var(--line);color:#17120f;color:var(--ink);padding:8px 16px}.pf-btn-ghost:hover{border-color:#17120f;border-color:var(--ink)}.pf-btn-google{background:#fff;border-color:#d9d4cc;box-shadow:0 1px 2px #17120f14;color:#17120f;color:var(--ink);padding:14px 22px;width:100%}.pf-btn-google:hover{border-color:#17120f;border-color:var(--ink)}.pf-flash{border:1px solid #0000;border-radius:12px;font-size:.95rem;font-weight:500;margin-top:16px;padding:12px 16px}.pf-flash-success{background:#e8f5ec;border-color:#b7dfc3;color:#14532d}.pf-flash-error{background:#fdebed;border-color:#f3b8c0;color:#8a0c20}.pf-flash-warning{background:#fff1d6;background:var(--gold-soft);border-color:#f2d58a;color:#6b4500}.pf-flash-info{background:#f4efe8;border-color:#ece5dc;border-color:var(--line);color:#17120f;color:var(--ink)}.pf-ok{color:#1b7a3d;color:var(--ok);font-weight:600;margin:0 0 12px}.pf-result{margin:14px 0 0}.pf-login{background:#fff;border:1px solid #ece5dc;border-top:4px solid #f5b400;border:1px solid var(--line);border-radius:24px;border-top:4px solid var(--gold);box-shadow:0 20px 25px -5px #17120f1a;max-width:440px;padding:32px 28px;text-align:center;width:100%}.pf-login .pf-brand{display:inline-block;font-size:1.4rem;margin-bottom:16px}.pf-login-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:20px 0 24px;padding:0;text-align:left}.pf-login-list li:before{color:#c8102e;color:var(--primary);content:"✓";font-weight:800;margin-right:10px}.pf-back{color:#57534e;color:var(--secondary);display:inline-block;font-size:.9rem;margin-top:20px;text-decoration:none}.pf-back:hover{color:#c8102e;color:var(--primary)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.pf-history-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.pf-history-head h2{margin:0}.pf-history-count{font-size:.85rem;white-space:nowrap}.pf-history-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.pf-history-item{background:#fafafa;border:1px solid #00000014;border-radius:10px;padding:12px 14px}.pf-history-top{display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.pf-history-subject{font-weight:600}.pf-history-date{font-size:.8rem;white-space:nowrap}.pf-history-meta{display:flex;flex-wrap:wrap;font-size:.82rem;gap:12px;margin-bottom:6px}.pf-history-preview{color:#333;font-size:.9rem;line-height:1.4}.pf-history-refresh{margin-top:12px}.pf-collapsible{transition:padding .25s ease}.pf-collapsible.collapsed{padding-bottom:16px;padding-top:16px}.pf-collapsible-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.pf-collapsible-head h2{align-items:center;display:inline-flex;gap:8px;margin:0}.pf-collapsible.collapsed .pf-collapsible-head{margin-bottom:0}.pf-collapsed-summary{font-size:.9rem;line-height:1.4;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-btn-sm{font-size:.85rem;padding:6px 12px}.pf-badge-done{align-items:center;background:#1b7a3d;background:var(--ok);border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:800;height:22px;justify-content:center;width:22px}.pf-error-panel{animation:pf-error-slide-in .25s ease-out;background:#fff;border:1px solid #f3b8c0;border-left:4px solid #c8102e;border-left:4px solid var(--primary);border-radius:14px;bottom:16px;box-shadow:0 12px 32px -8px #17120f40;left:16px;margin:0 auto;max-width:720px;overflow:hidden;position:fixed;right:16px;z-index:100}@keyframes pf-error-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pf-error-header{align-items:center;background:#fdebed;border:none;color:#8a0c20;cursor:pointer;display:flex;font:inherit;gap:10px;padding:10px 14px;text-align:left;width:100%}.pf-error-header:hover{background:#fbdce0}.pf-error-dot{background:#c8102e;background:var(--primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.pf-error-title{flex:1 1;font-size:.9rem;font-weight:600}.pf-error-caret{color:#8a0c20;font-size:.8rem}.pf-error-body{background:#fff;border-top:1px solid #f3b8c0;padding:12px 14px 14px}.pf-error-text{background:#fafafa;border:1px solid #ece5dc;border:1px solid var(--line);border-radius:10px;color:#17120f;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;margin:0 0 10px;max-height:200px;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.pf-error-actions{display:flex;gap:8px;justify-content:flex-end}@media (prefers-reduced-motion:reduce){.pf-error-panel{animation:none}}.pf-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:24px}.pf-stat{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 6px -1px #17120f0d;display:flex;flex-direction:column;gap:2px;padding:18px 20px}.pf-stat-label{color:var(--secondary);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pf-stat-value{color:var(--ink);font-size:1.9rem;font-weight:800;line-height:1.2}.pf-stat-value-sm{font-size:1rem;font-weight:700}.pf-stat-sub{font-size:.8rem}.pf-card-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.pf-card-head h2{margin:0}.pf-hint-inline{font-size:.85rem;white-space:nowrap}.pf-chart{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;gap:14px;height:200px;padding:12px 4px 0}.pf-chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.pf-chart-bar-wrap{align-items:flex-end;flex:1 1;width:100%}.pf-chart-bar,.pf-chart-bar-wrap{display:flex;justify-content:center}.pf-chart-bar{align-items:flex-start;background:var(--grad);border-radius:6px 6px 0 0;box-shadow:0 4px 12px #c8102e2e;max-width:44px;position:relative;transition:height .35s ease;width:70%}.pf-chart-bar-value{color:var(--ink);font-size:.75rem;font-weight:700;position:absolute;top:-20px}.pf-chart-label{color:var(--secondary);font-size:.78rem;margin-top:6px;white-space:nowrap}.pf-filters{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}@media (max-width:720px){.pf-filters{grid-template-columns:1fr}}.pf-filters .pf-field{margin-top:0}.pf-filters .pf-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.pf-filters .pf-field input,.pf-filters .pf-field select{background:#fff;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);font-family:inherit;font-size:1rem;padding:12px 14px;width:100%}.pf-filters .pf-field input:focus,.pf-filters .pf-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #c8102e26;outline:none}.pf-field-btn{justify-content:flex-end}