body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--accent-50:#fdf4ff;--accent-100:#fae8ff;--accent-200:#f5d0fe;--accent-300:#f0abfc;--accent-400:#e879f9;--accent-500:#d946ef;--accent-600:#c026d3;--accent-700:#a21caf;--accent-800:#86198f;--accent-900:#701a75;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--neutral-50);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-sans);font-size:16px;line-height:1.6}.App,body{color:#171717;color:var(--neutral-900);margin:0}.App{background:linear-gradient(135deg,#f0f9ff,#fdf4ff);background:linear-gradient(135deg,var(--primary-50) 0,var(--accent-50) 100%);min-height:100vh;padding:0}.App-main{margin:0 auto;max-width:1200px;padding:0}h1,h2,h3,h4,h5,h6{color:#171717;color:var(--neutral-900);font-weight:700;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600}p{color:#404040;color:var(--neutral-700);line-height:1.7;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.btn{border-radius:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family-sans);gap:.5rem;justify-content:center;line-height:1.5;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e5e5e5;border:2px solid var(--neutral-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#404040;color:var(--neutral-700)}.btn-secondary:hover:not(:disabled){background:#fafafa;background:var(--neutral-50);border-color:#d4d4d4;border-color:var(--neutral-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:#0000;border:2px solid #0000;color:#525252;color:var(--neutral-600)}.btn-ghost:hover:not(:disabled){background:#f5f5f5;background:var(--neutral-100);color:#262626;color:var(--neutral-800)}.btn-lg{padding:1.5rem 3rem}.btn-sm{font-size:.875rem;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.card{background:#fff;border:1px solid #f5f5f5;border:1px solid var(--neutral-100);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-title{color:#171717;color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.card-subtitle{color:#525252;color:var(--neutral-600);font-size:.875rem;margin:0}.form-group{margin-bottom:1.5rem}.form-label{color:#404040;display:block;margin-bottom:.5rem}.form-input{border:2px solid #e5e5e5;border-radius:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:1rem;transition:all .15s ease-in-out}.form-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #e0f2fe}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #fee2e2}.form-input:disabled{background:#f5f5f5}.error-text{color:#dc2626;margin-top:.25rem}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#0284c7;color:var(--primary-600)}.text-accent{color:#c026d3;color:var(--accent-600)}.text-success{color:#16a34a;color:var(--success-600)}.text-warning{color:#d97706;color:var(--warning-600)}.text-error{color:#dc2626;color:var(--error-600)}.bg-primary{background-color:#f0f9ff;background-color:var(--primary-50)}.bg-accent{background-color:#fdf4ff;background-color:var(--accent-50)}.bg-success{background-color:#f0fdf4;background-color:var(--success-50)}.bg-warning{background-color:#fffbeb;background-color:var(--warning-50)}.bg-error{background-color:#fef2f2;background-color:var(--error-50)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:1fr}.card{padding:1.5rem;padding:var(--spacing-lg)}.btn-lg{padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:1rem;padding:var(--spacing-md)}.btn{justify-content:center;width:100%}}.error-message{background:#fef2f2;background:var(--error-50);border:1px solid #fecaca;border:1px solid var(--error-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#b91c1c;color:var(--error-700);margin:1.5rem 0;margin:var(--spacing-lg) 0;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.error-message button{background:#dc2626;background:var(--error-600);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.error-message button:hover{background:#b91c1c;background:var(--error-700);transform:translateY(-1px)}.loading{opacity:.7;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #bae6fd;border-top:2px solid #0284c7;border:2px solid var(--primary-200);border-radius:50%;border-top-color:var(--primary-600);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.landing-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.hero-section{overflow:hidden;padding:var(--spacing-3xl) 0;position:relative;text-align:center}.hero-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-lg)}.hero-title{color:#fff;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center}.story-section{color:var(--neutral-900);padding:var(--spacing-3xl) 0}.story-section .section-title{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.story-content{font-size:1.1rem;line-height:1.8}.story-content p{color:var(--neutral-700);margin-bottom:var(--spacing-lg)}.how-it-works-section{background:var(--neutral-50);color:var(--neutral-900);padding:var(--spacing-3xl) 0}.how-it-works-section .section-title{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.steps-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.step-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.step-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto var(--spacing-lg);width:60px}.step-card h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.step-card p{color:var(--neutral-600);line-height:1.6}.why-special-section{background:#fff;color:var(--neutral-900);padding:var(--spacing-3xl) 0}.why-special-section .section-title{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.feature-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.feature-card h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.feature-card p{color:var(--neutral-600);line-height:1.6}.examples-section{background:var(--neutral-50);color:var(--neutral-900);padding:var(--spacing-3xl) 0}.examples-section .section-title{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.examples-content{margin:0 auto;max-width:900px}.example-card{background:#fff;border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.example-card p{color:var(--neutral-700);font-size:1.1rem;font-style:italic;line-height:1.7;margin:0}.examples-footer{color:var(--neutral-600);font-size:1.1rem;font-weight:500;margin-top:var(--spacing-xl);text-align:center}.final-cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.final-cta-section .section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.cta-text{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.btn-secondary{border:2px solid #ffffff4d}.btn-secondary:hover{border-color:#ffffff80}.btn-lg{font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-xl{font-size:1.25rem;padding:var(--spacing-xl) var(--spacing-3xl)}.animate-fade-in{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.steps-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.hero-actions{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.container{padding:0 var(--spacing-md)}.examples-section,.final-cta-section,.hero-section,.how-it-works-section,.story-section,.why-special-section{padding:var(--spacing-2xl) 0}.example-card,.feature-card,.step-card{padding:var(--spacing-lg)}}.payment-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.payment-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.payment-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.payment-modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.close-button:hover{background-color:#f3f4f6;color:#374151}.payment-modal-content{padding:24px}.payment-summary{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.summary-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.summary-details{margin-bottom:16px}.summary-item{align-items:center;border-bottom:1px solid #e5e7eb;color:#4b5563;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-total{align-items:center;border-top:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:16px 0 0}.payment-form{margin-bottom:24px}.form-preview{background:#fef3c7;border-radius:8px;margin-bottom:20px;padding:16px}.form-preview h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px}.preview-details{display:flex;flex-direction:column;gap:8px}.preview-item{color:#92400e;display:flex;font-size:14px;justify-content:space-between}.preview-item span:first-child{font-weight:500}.payment-buttons{display:flex;justify-content:center;margin:20px 0}.processing-indicator{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.processing-indicator p{color:#6b7280;font-weight:500;margin:0}.payment-footer{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.security-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:16px}.security-badge{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:6px}.guarantee-text{color:#059669;font-size:14px;font-weight:600;margin:0}#paypal-button-container{max-width:400px;width:100%}@media (max-width:640px){.payment-modal{margin:10px;max-height:95vh}.payment-modal-header{padding:20px 20px 16px}.payment-modal-content{padding:20px}.payment-modal-header h2{font-size:20px}.security-badges{flex-direction:column;gap:12px}}@media (prefers-color-scheme:dark){.payment-modal{background:#1f2937;color:#f9fafb}.payment-modal-header{border-bottom-color:#374151}.payment-modal-header h2{color:#f9fafb}.payment-summary{background:#374151}.summary-header h3{color:#f9fafb}.summary-item{border-bottom-color:#4b5563;color:#d1d5db}.summary-total{border-top-color:#4b5563;color:#f9fafb}.form-preview{background:#451a03}.form-preview h4,.preview-item{color:#fbbf24}.payment-footer{border-top-color:#374151}.close-button{color:#9ca3af}.close-button:hover{background-color:#374151;color:#d1d5db}}.input-form-container{background:linear-gradient(135deg,var(--primary-50) 0,var(--accent-50) 100%);margin:0 auto;max-width:700px;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg)}.form-header{margin-bottom:var(--spacing-3xl);min-height:120px;padding-top:60px;position:relative;text-align:center}.back-btn{-moz-user-select:none;-ms-user-select:none}.back-btn:hover{transform:translateY(-1px)}.back-btn:active{transform:translateY(0)}.back-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.header-content{margin-top:0;padding:0 var(--spacing-xl)}.header-icon{animation:bounce 2s infinite;display:block;font-size:3rem;margin-bottom:var(--spacing-md)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header-content h2{color:var(--neutral-900);font-size:clamp(2rem,5vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md)}.header-content p{color:var(--neutral-600);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.pricing-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:inline-flex;flex-direction:column;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.pricing-badge .price{font-size:1.5rem;font-weight:700;line-height:1}.pricing-badge .price-label{font-size:.75rem;margin-top:2px;opacity:.9}.input-form{background:#fff;border:1px solid var(--neutral-100);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding:var(--spacing-3xl);position:relative}.input-form:before{background:linear-gradient(90deg,var(--primary-500) 0,var(--accent-500) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-fields{margin-bottom:var(--spacing-2xl)}.field-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-label{align-items:center;color:var(--neutral-700);display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.label-icon{font-size:1.125rem;opacity:.8}.form-input{background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-900);font-family:var(--font-family-sans);font-size:1rem;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none;transform:translateY(-1px)}.form-input.error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.form-input:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.7}.form-input:hover:not(:disabled){border-color:var(--neutral-300)}.gender-section{margin-top:var(--spacing-xl)}.gender-options{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:var(--spacing-sm)}.gender-option{background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;display:block;overflow:hidden;position:relative;transition:all var(--transition-fast)}.gender-option:hover{background:var(--primary-50);border-color:var(--primary-300)}.gender-option input[type=radio]{display:none}.gender-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center}.gender-icon{display:block;font-size:2rem}.gender-label{color:var(--neutral-700);font-size:1rem;font-weight:600;transition:color var(--transition-fast)}.gender-option input[type=radio]:checked{background:var(--primary-50);border-color:var(--primary-500)}.gender-option input[type=radio]:checked .gender-content{background:var(--primary-50)}.gender-option input[type=radio]:checked+.gender-content .gender-label{color:var(--primary-700)}.gender-option input[type=radio]:checked+.gender-content .gender-icon{transform:scale(1.1)}.form-actions{margin-bottom:var(--spacing-2xl);text-align:center}.submit-btn{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border:none;font-size:1.125rem;font-weight:600;min-width:320px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);position:relative;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-text{font-weight:600}.form-info{margin-top:var(--spacing-2xl)}.info-card{align-items:flex-start;background:linear-gradient(135deg,var(--primary-50) 0,var(--accent-50) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-lg);overflow:hidden;padding:var(--spacing-xl);position:relative}.info-card:before{background:linear-gradient(135deg,var(--primary-100) 0,var(--accent-100) 100%);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:-1}.info-icon{animation:pulse 2s infinite;flex-shrink:0;font-size:2rem;margin-top:var(--spacing-xs)}.info-content h4{color:var(--primary-800);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.info-content p{color:var(--primary-700);font-size:.875rem;line-height:1.6;margin:0}.error-text{color:var(--error-600);display:block;font-size:.875rem;font-weight:500;margin-top:var(--spacing-xs)}@media (max-width:768px){.input-form-container{padding:var(--spacing-lg) var(--spacing-md)}.input-form{padding:var(--spacing-xl)}.field-row{gap:var(--spacing-lg);grid-template-columns:1fr}.gender-options{gap:var(--spacing-md);grid-template-columns:1fr}.submit-btn{min-width:auto;width:100%}.info-card{flex-direction:column;gap:var(--spacing-md);text-align:center}.back-btn{left:auto;margin-bottom:var(--spacing-lg);position:relative;top:auto}}@media (max-width:480px){.input-form-container{padding:var(--spacing-md)}.input-form{padding:var(--spacing-lg)}.header-content h2{font-size:1.75rem}.header-content p{font-size:1rem}.form-label{font-size:.8rem}.gender-content{padding:var(--spacing-md)}.gender-icon{font-size:1.5rem}}.btn:disabled{cursor:not-allowed;opacity:.7}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.form-input:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.gender-option:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.form-input:hover:not(:focus):not(.error){border-color:var(--neutral-300)}.gender-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-input::selection{background:var(--primary-200);color:var(--primary-900)}.form-input::placeholder{color:var(--neutral-400);opacity:1}input[type=date],input[type=time]{position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.form-input:focus{box-shadow:0 8px 25px #0ea5e926;transform:translateY(-2px)}.gender-option input[type=radio]:checked+.gender-content{background:var(--primary-50);border-radius:var(--radius-lg)}.gender-option input[type=radio]:checked+.gender-content .gender-icon{animation:bounce .6s ease-out}*{transition:all var(--transition-fast)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.results-display{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:var(--spacing-lg)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.results-header{margin-bottom:var(--spacing-2xl);padding-left:140px;padding-right:140px;padding-top:60px;position:relative;text-align:center}.back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid var(--neutral-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);justify-content:center;left:var(--spacing-lg);min-width:120px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:var(--spacing-lg);transform:none;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;z-index:10}.back-btn:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px) translateX(-2px)}.btn-icon{height:1rem;width:1rem}.results-title{color:var(--neutral-900);font-size:2.5rem;font-weight:700;margin:0}.hero-card-section{margin-bottom:var(--spacing-3xl)}.hero-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);color:#fff;padding:var(--spacing-2xl);text-align:center}.hero-card-header h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.hero-card-header p{font-size:1.1rem;margin-bottom:var(--spacing-xl);opacity:.9}.birth-details-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.birth-detail-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.detail-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.detail-content h3{font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);opacity:.8;text-transform:uppercase}.detail-content p{font-size:1.1rem;font-weight:600;margin:0}.pillars-section{margin-bottom:var(--spacing-3xl)}.section-title{color:var(--neutral-900);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.pillars-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pillar-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.pillar-card:before{background:linear-gradient(90deg,var(--primary-500),var(--accent-500));content:"";height:4px;left:0;position:absolute;right:0;top:0}.pillar-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.pillar-header{color:var(--neutral-600);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.pillar-characters{color:var(--neutral-900);font-family:SimSun,serif;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.pillar-transliteration{color:var(--neutral-600);font-size:1rem;margin-bottom:var(--spacing-sm)}.pillar-animal{color:var(--primary-600);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.pillar-element{color:var(--neutral-500);font-size:.9rem}.pillar-day-master,.pillar-element{letter-spacing:.5px;text-transform:uppercase}.pillar-day-master{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-sm);color:var(--primary-600);font-size:.8rem;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.elements-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)}.elements-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.chart-container{height:300px}.chart-placeholder{align-items:center;background:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);display:flex;height:300px;justify-content:center}.chart-placeholder p{color:var(--neutral-500);font-size:1.1rem;font-style:italic}.elements-analysis{display:flex;flex-direction:column;gap:var(--spacing-md)}.analysis-item{background:var(--neutral-50);border-left:4px solid var(--primary-500);border-radius:var(--radius-lg);padding:var(--spacing-md)}.analysis-item strong{color:var(--neutral-700);margin-right:var(--spacing-sm)}.lacking-elements{background:#fef2f2;border-left:4px solid var(--error-500);border-radius:var(--radius-lg);padding:var(--spacing-md)}.lacking-element{color:var(--error-600);font-weight:600}.names-section{margin-bottom:var(--spacing-3xl)}.names-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.no-names-message{background:#fffc;border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.no-names-message p{color:var(--neutral-600);font-size:1.1rem;margin:0}.name-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.name-card:before{background:linear-gradient(90deg,var(--accent-500),var(--primary-500));content:"";height:4px;left:0;position:absolute;right:0;top:0}.name-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.name-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.chinese-name,.name-icon{font-size:1.5rem}.chinese-name{color:var(--neutral-900);font-family:SimSun,serif;font-weight:700;margin:0}.name-pinyin{color:var(--neutral-600);font-size:1.1rem;font-style:italic;margin-bottom:var(--spacing-sm)}.name-meaning{color:var(--neutral-700);font-size:1rem;font-weight:500;margin-bottom:var(--spacing-md)}.name-explanation{background:var(--neutral-50);border-radius:var(--radius-lg);color:var(--neutral-600);font-size:.9rem;line-height:1.6;padding:var(--spacing-md)}.story-section{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)}.story-content{margin:0 auto;max-width:800px}.story-summary p{color:var(--neutral-700);font-size:1.1rem;line-height:1.7}.story-full p,.story-summary p{margin-bottom:var(--spacing-lg)}.story-full p{color:var(--neutral-600);font-size:1rem;line-height:1.8;white-space:pre-line}.certificate-section{margin-bottom:var(--spacing-3xl)}.certificate-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);color:#fff;padding:var(--spacing-3xl);text-align:center}.certificate-header h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.certificate-header p{font-size:1.1rem;margin-bottom:var(--spacing-2xl);opacity:.9}.certificate-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.certificate-name h3{font-family:SimSun,serif;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.name-subtitle{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9}.certificate-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.detail-row{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-label{font-weight:600;opacity:.9}.detail-value{opacity:.9}.certificate-actions{display:flex;gap:var(--spacing-lg);justify-content:center}.reset-section{margin-top:var(--spacing-3xl);text-align:center}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:var(--shadow-lg);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--neutral-300);color:var(--neutral-700)}.btn-outline:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-2px)}@media (max-width:768px){.results-display{padding:var(--spacing-md)}.results-title{font-size:2rem}.back-btn{margin-bottom:var(--spacing-lg);position:relative;transform:none}.birth-details-grid,.elements-content,.pillars-grid{grid-template-columns:1fr}.elements-content{gap:var(--spacing-lg)}.names-grid{grid-template-columns:1fr}.certificate-actions{align-items:center;flex-direction:column}.chart-container{height:250px}}@media (max-width:480px){.certificate-panel,.hero-card,.name-card,.pillar-card{padding:var(--spacing-lg)}.certificate-name h3,.pillar-characters{font-size:2rem}}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:100%}.loading-content:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.back-button{background:#667eea1a;border:1px solid #667eea4d;color:#667eea;font-size:.9rem;left:1rem;padding:.5rem 1rem;top:1rem}.back-button:hover{background:#667eea33;border-color:#667eea80}.loading-animation{margin:2rem 0}.chinese-symbols{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.symbol{align-items:center;animation:symbolFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-block;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.symbol:first-child{animation-delay:0s}.symbol:nth-child(2){animation-delay:.3s}.symbol:nth-child(3){animation-delay:.6s}.symbol:nth-child(4){animation-delay:.9s}.symbol:nth-child(5){animation-delay:1.2s}.symbol:nth-child(6){animation-delay:1.5s}.symbol:nth-child(7){animation-delay:1.8s}.symbol:nth-child(8){animation-delay:2.1s}.symbol:nth-child(9){animation-delay:2.4s}.symbol:nth-child(10){animation-delay:2.7s}@keyframes symbolFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.loading-content h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:1rem 0}.loading-description{color:#7f8c8d;font-size:1.1rem;line-height:1.6;margin:1rem 0 2rem}.loading-steps{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.step{background:#667eea0d;border:1px solid #667eea1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.step:hover{background:#667eea1a;border-color:#667eea33;transform:translateY(-2px)}.step-icon{font-size:2rem;margin-bottom:1rem}.step-text{color:#2c3e50;font-size:.9rem;font-weight:500;line-height:1.4}.loading-tip{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:15px;box-shadow:0 8px 25px #f093fb4d;color:#fff;margin-top:2rem;padding:1.5rem}.loading-tip p{line-height:1.6;margin:0}@media (max-width:768px){.loading-content{margin:1rem;padding:2rem 1.5rem}.loading-steps{grid-template-columns:1fr}.chinese-symbols{gap:.3rem}.symbol{font-size:1rem;height:35px;width:35px}}.contact-us-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif;min-height:100vh;padding:20px}.contact-us-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.contact-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px;text-align:center}.contact-header,.header-content{position:relative}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;left:0;padding:10px 20px;position:absolute;top:-40px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.contact-header h1{font-size:3rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px #0000004d}.contact-header p{font-size:1.2rem;margin:0;opacity:.9}.about-section,.contact-section,.faq-section{padding:40px}.about-section h2,.contact-section h2,.faq-section h2{color:#667eea;font-size:2rem;margin:0 0 25px;position:relative;text-align:center}.about-section h2:after,.contact-section h2:after,.faq-section h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about-section p{color:#555;font-size:1.1rem;line-height:1.8;margin:0 0 20px;text-align:justify}.about-section p:last-child{margin-bottom:0}.contact-methods{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.contact-method{background:#f8f9ff;border:2px solid #e8f0ff;border-radius:15px;padding:25px;transition:all .3s ease}.contact-method:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea33;transform:translateY(-5px)}.contact-method h3{align-items:center;color:#667eea;display:flex;font-size:1.3rem;gap:10px;margin:0 0 15px}.contact-method p{color:#666;line-height:1.6;margin:0 0 15px}.contact-method p:last-child{margin-bottom:0}.contact-method ul{color:#666;line-height:1.6;margin:10px 0 0;padding-left:20px}.contact-method li{margin-bottom:8px}.email-link{color:#667eea;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .3s ease}.email-link:hover{color:#764ba2;text-decoration:underline}.faq-item{background:#f8f9ff;border:1px solid #e8f0ff;border-radius:12px;margin-bottom:20px;padding:25px;transition:all .3s ease}.faq-item:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.faq-item:last-child{margin-bottom:0}.faq-item h3{color:#667eea;font-size:1.2rem;margin:0 0 15px}.faq-item p{color:#666;line-height:1.6;margin:0}.contact-footer{background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-top:1px solid #e5e7eb;padding:40px;text-align:center}.contact-footer p{color:#667eea;font-size:1.1rem;font-weight:500;margin:0}@media (max-width:768px){.contact-us-container{padding:10px}.contact-header{padding:40px 20px}.contact-header h1{font-size:2.5rem}.about-section,.contact-section,.faq-section{padding:30px 20px}.contact-methods{gap:20px;grid-template-columns:1fr}.contact-method{padding:20px}}@media (max-width:480px){.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.about-section h2,.contact-section h2,.faq-section h2{font-size:1.5rem}.about-section p,.contact-method p,.faq-item p{font-size:1rem}}
/*# sourceMappingURL=main.921c817b.css.map*/