@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--primary:#7c3aed;--primary-dark:#6d28d9;--primary-light:#ede9fe;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:12px;--shadow:0 1px 3px #0000001a;--shadow-lg:0 10px 40px #0000001a}body{-webkit-font-smoothing:antialiased;background:#fff;color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1}.container{margin:0 auto;max-width:1280px;padding:0 40px}.upload-page{padding:40px 0 80px}.back-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:100px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:32px;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.back-button svg{height:18px;width:18px}@media (max-width:768px){.container{padding:0 20px}.upload-page{padding:24px 0 60px}}.spinner{border:3px solid #e5e7eb;border-top:3px solid #7c3aed;border:3px solid var(--gray-200);border-top-color:var(--primary);height:40px;width:40px}.scroll-animate{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-animate.visible{opacity:1}.fade-up{transform:translateY(60px)}.fade-up.visible{transform:translateY(0)}.fade-down{transform:translateY(-60px)}.fade-down.visible{transform:translateY(0)}.fade-left{transform:translateX(-60px)}.fade-left.visible{transform:translateX(0)}.fade-right{transform:translateX(60px)}.fade-right.visible{transform:translateX(0)}.scale-up{transform:scale(.8)}.scale-up.visible{transform:scale(1)}.zoom-in{transform:scale(.5)}.zoom-in.visible{transform:scale(1)}.flip-up{transform:perspective(1000px) rotateX(20deg) translateY(40px)}.flip-up.visible{transform:perspective(1000px) rotateX(0) translateY(0)}.blur-in{filter:blur(10px);transform:translateY(30px)}.blur-in.visible{filter:blur(0);transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.duration-fast{transition-duration:.5s}.duration-slow{transition-duration:1.2s}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.ease-smooth{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.header{background:#fff;border-bottom:1px solid #f3f4f6;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px}.logo-section{gap:10px}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:#7c3aed;border-radius:10px;color:#fff;height:36px;justify-content:center;width:36px}.logo-icon svg{height:20px;width:20px}.logo-text{color:#111827;font-size:20px;font-weight:700}.nav-menu{align-items:center;display:flex;gap:8px}.nav-link{border-radius:100px;color:#6b7280;font-size:14px;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .2s ease}.nav-link:hover{color:#111827}.nav-link.active{color:#111827;position:relative}.nav-link.active:before{color:#7c3aed;content:"•";font-size:8px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.header-cta{align-items:center;background:#111827;border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.header-cta:hover{background:#1f2937;transform:translateY(-1px)}.header-cta svg{height:16px;width:16px}@media (max-width:1024px){.nav-menu{display:none}}@media (max-width:768px){.header{padding:12px 20px}.logo-text{font-size:18px}.header-cta{font-size:13px;padding:10px 20px}}.hero{align-items:center;display:flex;min-height:calc(100vh - 80px);overflow:hidden;padding:60px 0;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hero-gradient{background:radial-gradient(ellipse at center,#8b5cf626 0,#8b5cf60d 40%,#0000 70%);border-radius:50%;height:150%;position:absolute;right:-20%;top:-50%;width:80%}.hero-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:0 40px;position:relative;z-index:1}.hero-content{max-width:560px}.hero-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;color:#7c3aed;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.badge-dot{animation:pulse 2s infinite;background:#7c3aed;border-radius:50%;height:8px;width:8px}.hero-title{color:#111827;font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.hero-title span{color:#7c3aed}.hero-description{color:#6b7280;font-size:18px;line-height:1.7;margin-bottom:40px}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.btn-primary{align-items:center;background:#111827;border:none;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.btn-primary:hover{background:#1f2937;box-shadow:0 10px 40px #00000026;transform:translateY(-2px)}.btn-primary svg{height:18px;width:18px}.btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:100px;color:#374151;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-secondary svg{height:20px;width:20px}.hero-stats{align-items:center;display:flex;gap:32px}.stat{text-align:left}.stat-value{color:#111827;font-size:28px;font-weight:700}.stat-label{margin-top:4px}.stat-divider{background:#e5e7eb;height:40px;width:1px}.hero-visual{height:520px;position:relative}.visual-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.main-card{background:#fff;border-radius:24px;box-shadow:0 25px 80px #0000001f;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:2}.card-header{gap:10px;margin-bottom:16px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:#7c3aed;border-radius:10px;color:#fff;height:36px;justify-content:center;width:36px}.card-icon svg{height:20px;width:20px}.card-header span{color:#111827;font-weight:600}.card-preview{border-radius:16px;margin-bottom:16px;overflow:hidden;position:relative}.xray-placeholder{align-items:center;aspect-ratio:1;background:#1a1a2e;border-radius:12px;display:flex;justify-content:center;width:100%}.xray-placeholder svg{height:80%;width:80%}.scan-line{animation:scan 2s infinite;background:linear-gradient(90deg,#0000,#8b5cf6,#0000);height:3px;right:0}@keyframes scan{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}.card-status{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.status-dot{background:#10b981;height:8px;width:8px}.floating-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:16px 20px;position:absolute;z-index:10}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-result{animation-delay:0s;gap:12px;right:-20px;top:5%}.card-result,.result-icon{align-items:center;display:flex}.result-icon{border-radius:10px;height:40px;justify-content:center;width:40px}.result-icon.normal{background:#d1fae5;color:#059669}.result-icon svg{height:22px;width:22px}.result-text{display:flex;flex-direction:column}.result-label{color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.result-value{font-size:15px;font-weight:600}.result-value.normal{color:#059669}.card-accuracy{align-items:center;animation-delay:.5s;bottom:5%;display:flex;gap:12px;right:-30px}.accuracy-circle{height:48px;position:relative;width:48px}.accuracy-circle svg{height:100%;transform:rotate(-90deg);width:100%}.accuracy-circle span{color:#7c3aed;font-size:11px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.accuracy-label{color:#374151;font-size:13px;font-weight:500}.card-ai{animation-delay:1s;bottom:20%;gap:10px;left:-30px}.ai-icon,.card-ai{align-items:center;display:flex}.ai-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;height:36px;justify-content:center;width:36px}.ai-icon svg{height:18px;width:18px}.card-ai span{color:#374151;font-size:13px;font-weight:600}@media (max-width:1024px){.hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.hero-content{margin:0 auto;max-width:600px}.hero-title{font-size:44px}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{height:400px}}@media (max-width:768px){.hero{padding:40px 0}.hero-container{padding:0 20px}.hero-title{font-size:36px}.hero-title br{display:none}.hero-description{font-size:16px}.hero-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:280px;width:100%}.hero-stats{flex-wrap:wrap;gap:24px}.stat-divider{display:none}.hero-visual{height:350px}.main-card{width:240px}.floating-card{display:none}}@media (max-width:480px){.hero-title{font-size:28px}.hero-visual{height:300px}.main-card{padding:16px;width:200px}}.lung-scanner{align-items:center;display:flex;flex-direction:column;gap:16px}.scanner-container{align-items:center;background:linear-gradient(160deg,#1a1f35,#0f1629);border-radius:24px;box-shadow:0 30px 60px #00000059,inset 0 1px 0 #ffffff0d;display:flex;height:340px;justify-content:center;overflow:hidden;position:relative;width:340px}.scanner-container:after{background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);bottom:0;content:"";height:6px;left:0;opacity:.8;position:absolute;right:0}.lung-image{height:260px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:260px}.lung-blue{animation:fadeBlue 5s cubic-bezier(.4,0,.2,1) infinite;z-index:1}@keyframes fadeBlue{0%,5%{opacity:1}70%,85%{opacity:0}95%,to{opacity:1}}.scan-reveal{align-items:center;animation:revealScan 5s cubic-bezier(.4,0,.2,1) infinite;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.lung-red{animation:fadeRed 5s cubic-bezier(.4,0,.2,1) infinite;height:260px;object-fit:contain;width:260px}@keyframes fadeRed{0%{opacity:0}15%{opacity:0}25%{opacity:.3}40%{opacity:.7}55%{opacity:1}75%{opacity:1}85%{opacity:.5}95%{opacity:0}to{opacity:0}}.scan-line{animation:scanLine 5s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,#0000,#8b5cf680 20%,#8b5cf6 50%,#8b5cf680 80%,#0000);height:2px;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:4}.scan-line:before{background:linear-gradient(180deg,#8b5cf640,#8b5cf614 40%,#0000);content:"";filter:blur(2px);height:40px;left:5%;position:absolute;top:0;transform:translateY(0);width:90%}@keyframes scanLine{0%{opacity:0;top:0}3%{opacity:1}92%{opacity:1;top:100%}95%,to{opacity:0;top:100%}}@keyframes revealScan{0%,5%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}80%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}90%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.scanner-status{align-items:center;background:#1e293b;border-radius:30px;box-shadow:0 4px 20px #0003;display:flex;gap:10px;padding:12px 28px}.status-dot{animation:pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;height:10px;width:10px}.status-text{color:#e2e8f0;font-size:14px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.scanner-container{height:280px;width:280px}.lung-image{height:220px;width:220px}}.about-section{background:#fff;color:#111827;padding:80px 0}.about-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 40px}.about-content{padding-right:40px}.about-title{color:#111827;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.about-description{color:#6b7280;font-size:15px;line-height:1.8;margin-bottom:32px}.about-buttons{display:flex;gap:16px}.btn-learn-more{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 28px;transition:all .3s ease}.btn-learn-more:hover{background:#000;transform:translateY(-2px)}.btn-watch-video{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:4px;color:#111827;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.5px;padding:14px 28px;transition:all .3s ease}.btn-watch-video:hover{border-color:#7c3aed;color:#7c3aed}.btn-watch-video svg{height:16px;width:16px}.about-stats{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:40px}.stats-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px;position:relative;text-align:center}.stat-card:before{background:#7c3aed;border-radius:2px;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.stat-number{color:#111827;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:968px){.about-container{gap:40px;grid-template-columns:1fr}.about-content{padding-right:0;text-align:center}.about-buttons{justify-content:center}}@media (max-width:768px){.about-section{padding:60px 0}.about-container{padding:0 20px}.about-title{font-size:26px}.about-buttons{flex-direction:column}.btn-learn-more,.btn-watch-video{justify-content:center;width:100%}.stats-grid{gap:24px}.stat-number{font-size:28px}}.upload-section{margin:0;padding:40px 0}.upload-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;margin:0 auto;max-width:680px;padding:48px}.upload-area{background:linear-gradient(135deg,#7c3aed08,#8b5cf60d);border:2px dashed #7c3aed4d;border-radius:20px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s ease}.upload-area:hover{background:linear-gradient(135deg,#7c3aed14,#8b5cf61a);border-color:#7c3aed;transform:translateY(-2px)}.upload-area.drag-active{background:linear-gradient(135deg,#7c3aed1a,#8b5cf626);border-color:#7c3aed;transform:scale(1.01)}.upload-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;box-shadow:0 8px 24px #7c3aed4d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.upload-icon svg{height:36px;width:36px}.upload-title{color:#111827;font-size:24px;font-weight:700;margin-bottom:10px}.upload-description{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:28px}.upload-button{background:#111827;border:none;border-radius:100px;box-shadow:0 4px 16px #11182733;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.upload-button:hover{background:#1f2937;box-shadow:0 8px 24px #1118274d;transform:translateY(-2px)}.upload-hint{color:#9ca3af;font-size:14px;margin-top:20px}.loading-state{padding:48px}.loading-text{color:#4b5563;font-size:18px;font-weight:500;margin-top:24px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:15px;gap:12px;margin-top:20px;padding:16px 20px}.error-message svg{flex-shrink:0;height:22px;width:22px}.upload-info{grid-gap:20px;border-top:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:32px;padding-top:32px}.info-item{align-items:center;color:#4b5563;display:flex;font-size:14px;font-weight:500;gap:12px}.info-item svg{color:#7c3aed;flex-shrink:0;height:22px;width:22px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;border:4px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:48px;margin:0 auto;width:48px}@media (max-width:768px){.upload-card{border-radius:20px;margin:0 16px;padding:32px 24px}.upload-area{padding:40px 24px}.upload-icon{border-radius:16px;height:64px;width:64px}.upload-icon svg{height:28px;width:28px}.upload-title{font-size:20px}.upload-description{font-size:15px}.upload-info{gap:16px;grid-template-columns:1fr}}.results-section{margin:0 auto;max-width:1100px;padding:40px 24px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.results-title{color:#111827;font-size:32px;font-weight:700;letter-spacing:-.5px}.reset-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:100px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.reset-button:hover{background:#f9fafb;border-color:#7c3aed;color:#7c3aed;transform:translateY(-2px)}.reset-button svg{height:20px;width:20px}.results-grid{grid-gap:32px;display:grid;gap:32px;grid-template-areas:"image1 image2" "diagnosis diagnosis";grid-template-columns:repeat(2,1fr)}.image-container:first-child{grid-area:image1}.image-container:nth-child(2){grid-area:image2}.diagnosis-container.full-width{grid-area:diagnosis}.image-label{color:#4b5563;font-size:14px;font-weight:600;margin-top:12px;text-align:center}.image-container{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;padding:24px}.image-wrapper{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.xray-image{display:block;height:auto;width:100%}.diagnosis-container{display:flex;flex-direction:column;gap:24px}.diagnosis-badge{align-items:center;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative}.diagnosis-badge:before{bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.diagnosis-badge.pneumonia:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.diagnosis-badge.normal:before{background:linear-gradient(180deg,#10b981,#059669)}.badge-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.diagnosis-badge.pneumonia .badge-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.diagnosis-badge.normal .badge-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.badge-icon svg{height:32px;width:32px}.badge-text{display:flex;flex-direction:column}.badge-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.badge-diagnosis{font-size:28px;font-weight:700;margin-top:6px}.diagnosis-badge.pneumonia .badge-diagnosis{color:#dc2626}.diagnosis-badge.normal .badge-diagnosis{color:#059669}.confidence-section{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;padding:24px}.confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.confidence-label{color:#4b5563;font-size:15px;font-weight:600}.confidence-value{color:#111827;font-size:24px;font-weight:700}.confidence-bar{background:#f3f4f6;border-radius:100px;height:12px;overflow:hidden}.confidence-fill{border-radius:100px;height:100%;transition:width .8s ease}.confidence-fill.pneumonia{background:linear-gradient(90deg,#f87171,#dc2626)}.confidence-fill.normal{background:linear-gradient(90deg,#34d399,#059669)}.details-section{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;padding:24px}.details-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:20px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:14px;padding:18px;transition:all .3s ease}.detail-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.detail-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.detail-icon svg{height:24px;width:24px}.pneumonia-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.normal-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.detail-content{display:flex;flex-direction:column}.detail-label{color:#6b7280;font-size:13px;font-weight:500}.detail-value{color:#111827;font-size:20px;font-weight:700}.disclaimer{align-items:flex-start;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:16px;display:flex;gap:14px;padding:18px 20px}.disclaimer svg{color:#d97706;flex-shrink:0;height:24px;margin-top:2px;width:24px}.disclaimer p{color:#92400e;font-size:14px;line-height:1.6}.disclaimer strong{font-weight:700}@media (max-width:968px){.results-grid{grid-template-columns:1fr}}@media (max-width:768px){.results-section{padding:24px 16px}.results-header{align-items:flex-start;flex-direction:column;gap:20px}.results-title{font-size:24px}.reset-button{justify-content:center;width:100%}.diagnosis-badge{padding:24px}.badge-diagnosis{font-size:22px}.details-grid{grid-template-columns:1fr}.confidence-section,.details-section,.diagnosis-badge,.image-container{border-radius:20px}}.info-section{background:#fff;padding:100px 0}.info-container{margin:0 auto;max-width:1200px;padding:0 40px}.section-header{margin-bottom:64px;text-align:center}.section-badge{color:#6b7280;display:inline-block;font-size:14px;font-style:italic;font-weight:500;margin-bottom:12px}.section-title{color:#111827;font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.section-description{color:#6b7280;font-size:16px;margin:0 auto;max-width:400px}.how-it-works-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.how-image-side{display:flex;justify-content:center}.how-image-side,.how-image-wrapper{position:relative}.lungs-image{border-radius:16px;height:380px;object-fit:contain;width:380px}.lung-fill{animation:lungPulse 4s ease-in-out infinite}@keyframes lungPulse{0%,to{opacity:.4}50%{opacity:.7}}.particle{animation:particleFloat 3s ease-in-out infinite}.p1{animation-delay:0s}.p2{animation-delay:.3s}.p3{animation-delay:.6s}.p4{animation-delay:.9s}.p5{animation-delay:1.2s}.p6{animation-delay:.15s}.p7{animation-delay:.45s}.p8{animation-delay:.75s}.p9{animation-delay:1.05s}.p10{animation-delay:1.35s}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.pulse-ring{animation:pulseRing 4s ease-out infinite;border:2px solid #3b82f64d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring1{animation-delay:0s;height:200px;width:200px}.ring2{animation-delay:2s;height:260px;width:260px}@keyframes pulseRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.floating-xray-card{animation:floatCard 3s ease-in-out infinite;background:#fff;border-radius:12px;bottom:-30px;box-shadow:0 10px 40px #0000001f;left:-40px;min-width:180px;padding:16px 20px;position:absolute}.xray-card-header{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.xray-thumbnails{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.xray-thumb{aspect-ratio:1;background:#e5e7eb;border-radius:4px;width:100%}.xray-lines{display:flex;flex-direction:column;gap:6px}.xray-line{background:#e5e7eb;border-radius:4px;height:8px}.xray-line.short{width:60%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-upload-btn{align-items:center;animation:floatCard 3s ease-in-out infinite;animation-delay:1.5s;background:#bbf7d0;border-radius:10px;box-shadow:0 8px 24px #22c55e4d;color:#166534;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:absolute;right:-50px;top:20px}.floating-upload-btn svg{height:16px;width:16px}.how-steps-side{display:flex;flex-direction:column;gap:0}.timeline-step{display:flex;gap:24px}.step-indicator{align-items:center;display:flex;flex-direction:column}.step-icon-wrapper{align-items:center;background:#7c3aed1a;border-radius:12px;color:#7c3aed;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.step-icon-wrapper:before{background:#7c3aed;border-radius:2px;content:"";height:24px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.step-icon-wrapper svg{height:22px;width:22px}.step-line{background:#e5e7eb;flex:1 1;margin:8px 0;min-height:40px;width:2px}.timeline-step:last-child .step-line{display:none}.step-content{padding-bottom:40px}.timeline-step:last-child .step-content{padding-bottom:0}.step-content h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.step-content p{color:#6b7280;font-size:15px;line-height:1.6;max-width:320px}@media (max-width:968px){.how-it-works-content{gap:60px;grid-template-columns:1fr}.how-image-side{display:flex;justify-content:center;order:-1}.how-main-image{max-width:400px}.floating-upload-btn{right:0}}@media (max-width:768px){.info-section{padding:60px 0}.info-container{padding:0 20px}.section-title{font-size:32px}.how-it-works-content{gap:40px}.how-main-image{max-width:100%}.floating-xray-card{bottom:-10px;left:10px}.floating-upload-btn{right:10px;top:40%}.step-content h3{font-size:16px}.step-content p{font-size:14px}}.features-section{background:#fff;padding:100px 0}.features-container{margin:0 auto;max-width:1200px;padding:0 40px}.features-header{margin-bottom:60px;text-align:center}.features-title{color:#111827;font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.features-subtitle{color:#6b7280;font-size:16px;line-height:1.7;margin:0 auto;max-width:500px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.features-left,.features-right{display:contents}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;transition:all .3s ease}.feature-card:hover{border-color:#0000;box-shadow:0 20px 40px #00000014;transform:translateY(-6px)}.feature-card.light{background:#f9fafb;border:1px solid #e5e7eb}.feature-card.light h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:10px}.feature-card.light p{color:#6b7280;font-size:14px;line-height:1.7}.feature-icon{align-items:center;border-radius:12px;display:flex;height:52px;justify-content:center;margin-bottom:20px;width:52px}.feature-icon svg{height:26px;width:26px}.feature-icon.purple{background:#7c3aed;color:#fff}.feature-icon.orange{background:#f97316;color:#fff}.feature-card.accent{background:#7c3aed;border:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.feature-card.accent:hover{background:#6d28d9}.feature-card.accent h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:10px}.feature-card.accent p{color:#ffffffd9;font-size:14px;line-height:1.7}.feature-card.dark{background:#111827;border:none}.feature-card.dark:hover{background:#1f2937}.feature-stat{color:#fff;font-size:42px;font-weight:700;margin-bottom:10px}.feature-card.dark p{color:#9ca3af;font-size:14px;line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-section{padding:60px 0}.features-container{padding:0 20px}.features-title{font-size:32px}.features-grid{grid-template-columns:1fr}}.testimonials-section{background:#fff;overflow:hidden;padding:100px 0;position:relative}.testimonials-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1200px;padding:0 40px}.testimonials-left{position:relative}.testimonials-title{color:#111827;font-size:36px;font-weight:700;margin-bottom:50px;text-align:center}.reviewers-timeline{padding-left:20px;position:relative}.reviewer-item{align-items:center;cursor:pointer;display:flex;gap:16px;padding:20px 0;position:relative;transition:all .4s ease}.reviewer-item.active{transform:translateX(10px)}.reviewer-item:not(:last-child):after{border:2px solid #e5e7eb;border-radius:40px 0 0 40px;border-right:none;content:"";height:40px;left:27px;position:absolute;top:76px;transition:all .4s ease;width:20px}.reviewer-item.active:not(:last-child):after{border-color:#7c3aed}.reviewer-avatar{border:3px solid #e5e7eb;border-radius:50%;height:56px;object-fit:cover;position:relative;transition:all .3s ease;width:56px;z-index:2}.reviewer-item.active .reviewer-avatar{background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 20px #7c3aed4d;color:#fff;transform:scale(1.1)}.reviewer-info{flex:1 1}.reviewer-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.reviewer-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.reviewer-star{color:#7c3aed;font-size:14px}.reviewer-rating{color:#7c3aed;font-weight:600}.reviewer-date{color:#9ca3af}.timeline-connector{display:none}.testimonials-right{border-left:1px solid #e5e7eb;padding-left:40px}.review-content{position:relative}.quote-mark{color:#e5e7eb;font-family:Georgia,serif;font-size:120px;left:-20px;line-height:1;position:absolute;top:-40px}.review-text{color:#374151;font-size:20px;font-style:italic;line-height:1.8;position:relative;z-index:1}.review-initial{font-size:28px;font-style:italic;font-weight:600}@media (max-width:968px){.testimonials-container{gap:40px;grid-template-columns:1fr}.testimonials-right{border-left:none;border-top:1px solid #e5e7eb;padding-left:0;padding-top:40px}}@media (max-width:768px){.testimonials-section{padding:60px 0}.testimonials-container{padding:0 20px}.testimonials-title{font-size:26px}.review-text{font-size:18px}.quote-mark{font-size:80px;top:-30px}}.contact-section{background:#fff;padding:80px 0}.contact-header{margin-bottom:50px;text-align:center}.contact-title{color:#1a1a2e;font-size:42px;font-weight:700;margin-bottom:16px}.contact-subtitle{color:#6b7280;font-size:16px}.contact-container{background:#fff;border-radius:16px;box-shadow:0 4px 30px #00000014;margin:0 auto;max-width:800px;padding:50px 60px}.contact-form{display:flex;flex-direction:column;gap:28px}.form-row{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#6b7280;font-size:14px;font-weight:500}.form-group input,.form-group textarea{background:#0000;border:none;border-bottom:1px solid #e5e7eb;color:#111827;font-family:inherit;font-size:16px;outline:none;padding:12px 0;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-bottom-color:#7c3aed}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{min-height:80px;resize:none}.service-group{margin-top:10px}.service-group>label{color:#374151;display:block;font-size:16px;font-weight:500;margin-bottom:12px}.radio-options{display:flex;flex-wrap:wrap;gap:30px}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:15px;gap:8px}.radio-label input[type=radio]{display:none}.radio-custom{border:2px solid #d1d5db;border-radius:50%;height:18px;position:relative;transition:all .3s ease;width:18px}.radio-label input[type=radio]:checked+.radio-custom{background:#7c3aed;border-color:#7c3aed}.radio-label input[type=radio]:checked+.radio-custom:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.submit-btn{align-self:flex-end;background:#1a1a2e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:16px 40px;transition:all .3s ease}.submit-btn:hover{background:#7c3aed;box-shadow:0 4px 15px #7c3aed4d;transform:translateY(-2px)}@media (max-width:768px){.contact-section{padding:60px 0}.contact-container{padding:0 20px}.contact-title{font-size:32px}.form-row{gap:20px;grid-template-columns:1fr}.radio-options{flex-direction:column;gap:12px}.submit-btn{width:100%}}.scroll-to-top{align-items:center;background:#000;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .4s ease;visibility:hidden;width:50px;z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top:hover{background:#6d28d9;box-shadow:0 8px 25px #7c3aed80;transform:translateY(-5px)}.scroll-to-top svg{height:24px;width:24px}@media (max-width:768px){.scroll-to-top{bottom:20px;height:45px;right:20px;width:45px}.scroll-to-top svg{height:20px;width:20px}}.footer{background:#000;color:#fff;margin-top:0;padding:80px 40px 40px}.footer-container{margin:0 auto;max-width:1280px}.footer-content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:2fr 1fr 1fr;margin-bottom:48px}.footer-section{display:flex;flex-direction:column}.footer-heading{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:10px;margin-bottom:16px}.footer-heading:before{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;content:"+";display:inline-flex;font-size:20px;font-weight:700;height:32px;justify-content:center;width:32px}.footer-text{color:#9ca3af;font-size:15px;line-height:1.7;max-width:320px}.footer-title{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:14px;list-style:none}.footer-links li{color:#9ca3af;font-size:15px}.footer-links a{color:#9ca3af;text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:#7c3aed}.footer-bottom{align-items:center;border-top:1px solid #1f2937;display:flex;justify-content:space-between;padding-top:32px}.footer-bottom p{color:#6b7280;font-size:14px;margin:0}.footer-disclaimer{color:#4b5563;font-size:13px}@media (max-width:768px){.footer{padding:48px 24px 32px}.footer-content{gap:40px;grid-template-columns:1fr}.footer-section{align-items:center;text-align:center}.footer-text{max-width:100%}.footer-links{align-items:center}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}
/*# sourceMappingURL=main.eacf3d44.css.map*/