@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:var(--navy-900);background-color:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy-900: #0b1d3a;--navy-800: #112b52;--navy-700: #173968;--navy-600: #42536f;--sky-100: #eef6ff;--sky-200: #dcecff;--green-500: #22c55e;--radius: 22px;--shadow-card: 0 20px 50px rgba(9, 20, 43, .08);--shadow-soft: 0 18px 40px rgba(15, 32, 61, .18)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f5f8ff,#fff 45%,#f7f9fc)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.15;font-weight:700;color:var(--navy-900)}p{margin:0}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(25,72,145,.2),transparent 65%);filter:blur(20px);z-index:0}.app-shell:before{top:-180px;left:-140px}.app-shell:after{bottom:-240px;right:-120px}.app-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:26px clamp(20px,4vw,60px);background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,42,89,.08)}.logo-mark{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--navy-900)}.logo-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--navy-800),#3b82f6);box-shadow:0 6px 16px #112b5259}.logo-text{font-size:1.1rem;letter-spacing:.02em}.app-nav{display:flex;align-items:center;gap:16px}.nav-link{font-weight:600;color:var(--navy-700);padding:8px 12px;border-radius:999px;background:transparent}.nav-link.active{background:var(--sky-100)}.nav-cta{font-weight:600;padding:10px 18px;border-radius:999px;background:var(--navy-900);color:#fff;box-shadow:var(--shadow-soft)}.app-main{position:relative;z-index:1;padding:36px clamp(20px,4vw,60px) 80px;max-width:1180px;width:100%;margin:0 auto}.page{display:grid;gap:28px}.page-intro,.processing-hero{max-width:680px;display:grid;gap:12px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;font-weight:700;color:var(--navy-700)}.subtext{color:var(--navy-600);font-size:1rem}.card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-card);border:1px solid rgba(15,42,89,.08)}.upload-card{display:grid;gap:20px}.picker-block{display:grid;gap:14px}.picker-header{display:grid;gap:6px}.template-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.template-card{border:1px solid rgba(15,42,89,.12);border-radius:18px;padding:16px;background:#fdfdff;text-align:left;display:grid;gap:12px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.template-card:hover{transform:translateY(-2px);border-color:#0f2a5959;box-shadow:0 18px 32px #0d1b361f}.template-card.selected{border-color:#1e6cff99;box-shadow:0 18px 32px #1e6cff2e;background:#f3f7ff}.template-preview{border-radius:14px;background:linear-gradient(160deg,#eef3ff,#fff);padding:14px;display:grid;gap:6px}.template-preview.image{padding:0;overflow:hidden;border:1px solid rgba(15,42,89,.08)}.template-preview.image img{width:100%;height:100%;display:block;object-fit:cover}.template-preview span{display:block;height:8px;border-radius:999px;background:#0f2a5933}.template-preview span:nth-child(2){width:80%}.template-preview span:nth-child(3){width:65%}.template-meta{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--navy-800)}.template-title{font-size:.95rem}.template-check{width:22px;height:22px;border-radius:50%;background:var(--navy-900);color:#fff;display:grid;place-items:center;font-size:.75rem}.theme-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.theme-swatch{border:1px solid rgba(15,42,89,.12);border-radius:16px;padding:12px 14px;background:#fff;display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.theme-swatch.selected{border-color:#1e6cff99;box-shadow:0 12px 24px #1e6cff29;background:#f6f9ff}.swatch-dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(15,42,89,.15)}.swatch-label{font-weight:600;color:var(--navy-800);margin-right:auto}.dropzone{position:relative;border:1px dashed rgba(17,43,82,.25);background:linear-gradient(140deg,#f5f9ff,#fff);border-radius:20px;padding:24px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.dropzone:hover{transform:translateY(-2px);border-color:#112b5280}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-content{display:flex;gap:18px;align-items:center}.dropzone-title{margin:0;font-weight:600;color:var(--navy-900)}.dropzone-subtext{margin:4px 0 0;color:var(--navy-600);font-size:.9rem}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:grid;gap:8px;font-weight:600;color:var(--navy-800)}.field-label{display:inline-flex;align-items:center;gap:8px}.info-icon{position:relative;width:18px;height:18px;border-radius:50%;border:1px solid rgba(15,42,89,.2);color:var(--navy-800);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;cursor:help;background:#f4f7ff}.tooltip{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:#0b1d3a;color:#fff;font-size:.8rem;line-height:1.4;padding:10px 12px;border-radius:10px;width:240px;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:5;box-shadow:0 10px 24px #0b1d3a40}.info-icon:hover .tooltip,.info-icon:focus-within .tooltip{opacity:1;visibility:visible}.field input{padding:12px 14px;border-radius:12px;border:1px solid rgba(15,42,89,.15);font-size:1rem;font-family:inherit;background:#fefeff}.field input:focus{outline:2px solid rgba(30,108,255,.25);border-color:#1e6cff99}.form-error{padding:12px 14px;background:#fff4f4;border:1px solid rgba(220,38,38,.2);color:#b91c1c;border-radius:12px;font-weight:600}.form-warning{padding:12px 14px;background:#fff8e6;border:1px solid rgba(245,158,11,.25);color:#92400e;border-radius:12px;font-weight:600}.primary-btn,.secondary-btn,.ghost-btn{border:none;border-radius:999px;padding:12px 22px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background:linear-gradient(135deg,var(--navy-900),var(--navy-700));color:#fff;box-shadow:var(--shadow-soft)}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{background:var(--sky-100);color:var(--navy-900)}.ghost-btn{background:transparent;color:var(--navy-700)}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.helper-text{color:var(--navy-600);font-size:.9rem}.processing-card{display:grid;gap:18px}.processing-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.processing-pulse{display:inline-flex;gap:6px}.processing-pulse span{width:8px;height:8px;border-radius:50%;background:var(--navy-700);animation:pulse 1.2s ease-in-out infinite}.processing-pulse span:nth-child(2){animation-delay:.2s}.processing-pulse span:nth-child(3){animation-delay:.4s}.stepper{display:grid;gap:14px}.stepper-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;background:#f8fbff;color:var(--navy-700)}.stepper-item.active{background:var(--sky-100);color:var(--navy-900)}.stepper-item.complete{background:#22c55e1f;color:var(--navy-900)}.stepper-marker{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:#fff;border:1px solid rgba(17,43,82,.18)}.result-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result-grid--preview{align-items:start}.result-hero{display:grid;justify-items:center;gap:12px;text-align:center}.preview-card{display:grid;gap:18px}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy-800)}.preview-dot{width:8px;height:8px;border-radius:50%;background:var(--navy-700)}.preview-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(15,42,89,.12);background:#f1f5fb;min-height:360px}.preview-frame iframe{width:100%;height:100%;min-height:360px;border:none}.preview-image{width:100%;height:100%;min-height:360px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.preview-watermark{position:absolute;inset:auto 16px 16px auto;padding:6px 14px;border-radius:999px;background:#0b1d3ad9;color:#fff;font-size:.75rem;letter-spacing:.2em}.preview-loading{position:absolute;inset:0;display:grid;place-items:center;background:#ffffffa6;color:var(--navy-800);font-weight:600}.preview-placeholder{height:100%;min-height:360px;display:grid;place-items:center;gap:12px;color:var(--navy-700)}.preview-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:0 0 18px 18px;border:1px solid rgba(15,42,89,.08);background:#fbfdff;color:var(--navy-700);font-weight:600}.action-card{display:grid;gap:16px}.action-card--price,.action-card--success{gap:18px}.payment-success{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:#22c55e1f}.payment-success h3{margin:0;font-size:1.05rem}.payment-success .subtext{margin-top:4px}.action-stack{display:grid;gap:12px}.action-stack .primary-btn,.action-stack .secondary-btn,.action-stack .ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--navy-700);font-weight:600}.feature-list li{display:flex;align-items:center;gap:10px}.feature-check{width:20px;height:20px;border-radius:50%;background:#22c55e26;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23178034' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px 12px}.price-tag{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;background:#f1f5fb;border-radius:16px;padding:14px 18px;font-weight:600;color:var(--navy-700)}.price-amount{font-size:2rem;color:var(--navy-900)}.price-note{font-size:.95rem;color:var(--navy-600)}.secure-note{font-size:.85rem;color:var(--navy-600);text-align:center}.job-meta{background:#f8fbff;border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;color:var(--navy-600);font-weight:600}.history-list{display:grid;gap:16px}.history-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(15,42,89,.12);background:#f8fbff}.history-title{margin:0;font-weight:700;color:var(--navy-900)}.history-meta{margin:6px 0 0;font-size:.85rem;color:var(--navy-600)}.history-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.status-pill{font-size:.85rem;padding:6px 12px;border-radius:999px;background:#1948911f;color:var(--navy-800);font-weight:600}.status-pill.locked{display:inline-flex;align-items:center;gap:6px;background:#edf2f7}.success-page,.verify-page{min-height:60vh;display:grid;place-items:center}.verify-card{max-width:520px;text-align:center;display:grid;gap:16px}.verify-pending,.verify-success{display:grid;gap:12px;justify-items:center}.success-card{text-align:center;display:grid;gap:16px;max-width:520px}.error-page{min-height:60vh;display:grid;place-items:center}.error-card{max-width:480px;display:grid;gap:14px;text-align:center}.icon-circle{width:56px;height:56px;border-radius:50%;background:#1948911f;display:grid;place-items:center;color:var(--navy-900)}.icon-circle.large{width:72px;height:72px}.icon-circle.success{background:#22c55e26}.icon-circle.muted{background:#0f2a5914}.icon-upload,.icon-check,.icon-doc,.icon-lock,.icon-download,.icon-email{width:24px;height:24px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-upload{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230b1d3a' stroke-width='1.8'><path stroke-linecap='round' stroke-linejoin='round' d='M12 16V4m0 0l-4 4m4-4l4 4M4 20h16'/></svg>")}.icon-check{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23178034' stroke-width='2'><path stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/></svg>")}.icon-doc{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230b1d3a' stroke-width='1.6'><path stroke-linecap='round' stroke-linejoin='round' d='M7 3h7l5 5v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/><path stroke-linecap='round' stroke-linejoin='round' d='M14 3v6h6'/></svg>")}.icon-lock{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23173f73' stroke-width='1.8'><path stroke-linecap='round' stroke-linejoin='round' d='M16 11V8a4 4 0 1 0-8 0v3m-2 0h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2z'/></svg>")}.icon-download{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='1.8'><path stroke-linecap='round' stroke-linejoin='round' d='M12 3v12m0 0l4-4m-4 4l-4-4M4 19h16'/></svg>")}.icon-email{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23173f73' stroke-width='1.8'><path stroke-linecap='round' stroke-linejoin='round' d='M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z'/><path stroke-linecap='round' stroke-linejoin='round' d='m22 8-10 6L2 8'/></svg>")}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.4);opacity:1}}@media(max-width:720px){.app-header{flex-direction:column;gap:14px}.processing-top{flex-direction:column;align-items:flex-start}.job-meta{flex-direction:column;gap:6px}.history-item{flex-direction:column;align-items:flex-start}.history-actions{justify-content:flex-start}}