@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.app-container{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#faf5ff,#fdf2f8);padding:2rem 1rem}.max-width-container{max-width:64rem;margin:0 auto}.header-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014;padding:1.5rem;margin-bottom:1.5rem}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.brand-section{display:flex;align-items:center;gap:1rem}.logo-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#34d399,#14b8a6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #14b8a64d}.logo-icon svg{color:#fff}.brand-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.brand-subtitle{font-size:.875rem;color:#6b7280}.feedback-btn{display:flex;align-items:center;gap:.5rem;background:#fbbf24;color:#78350f;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #fbbf244d}.feedback-btn:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.main-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014;padding:2rem}.title-section{text-align:center;margin-bottom:2rem}.main-title{font-size:2.25rem;font-weight:800;color:#111827;margin-bottom:.75rem}.main-subtitle{color:#6b7280;font-size:1rem}.fact-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:.75rem;padding:1.25rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.fact-content{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.fact-text-section{flex:1}.fact-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.fact-icon{width:2rem;height:2rem;background:#fbbf24;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fact-icon svg{color:#fff}.fact-title{font-weight:700;color:#92400e;font-size:1rem}.fact-description{color:#78350f;line-height:1.6;font-weight:500}.refresh-btn{flex-shrink:0;padding:.5rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#fde68a}.icon-refresh{width:1.25rem;height:1.25rem;color:#d97706;transition:transform .5s}.refresh-btn:hover .icon-refresh{transform:rotate(180deg)}.upload-area{border:3px dashed #d1d5db;border-radius:1rem;padding:3rem 2.5rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1.5rem;background:#f9fafb}.upload-area:hover{border-color:#818cf8;background:#eef2ff}.upload-area.dragging{border-color:#6366f1;background:#eef2ff}.upload-icon{width:4rem;height:4rem;background:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.upload-icon svg{color:#6366f1}.upload-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.upload-subtitle{color:#6b7280;font-size:.875rem}.file-input{display:none}.preview-section{margin-bottom:1.5rem}.preview-image{max-width:100%;border-radius:.75rem;box-shadow:0 4px 16px #0000001a;display:block;margin:0 auto}.loading-section{text-align:center;padding:2rem 0}.loading-spinner{width:3rem;height:3rem;color:#6366f1;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#6366f1;font-weight:600}.result-box{border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;border-left:4px solid;box-shadow:0 2px 8px #0000000d}.result-box.infected{background:#fee2e2;border-color:#ef4444}.result-box.not-infected{background:#d1fae5;border-color:#10b981}.result-content{display:flex;align-items:start;gap:.75rem}.result-box.infected .result-icon{color:#dc2626}.result-box.not-infected .result-icon{color:#059669}.result-icon{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.125rem}.result-box.infected .result-message{color:#7f1d1d}.result-box.not-infected .result-message{color:#064e3b}.result-message{font-weight:600;line-height:1.5}.analyze-btn{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f166;display:flex;align-items:center;justify-content:center;gap:.5rem}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.how-it-works{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-top:2rem}.how-it-works-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1rem}.steps-container{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;align-items:start;gap:1rem}.step-number{width:2rem;height:2rem;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.step-text{color:#374151;padding-top:.25rem;line-height:1.6}.icon-size-sm{width:1rem;height:1rem}.icon-size-md{width:1.25rem;height:1.25rem}.icon-size-lg{width:1.75rem;height:1.75rem}.icon-size-xl{width:2rem;height:2rem}@media (max-width: 640px){.app-container{padding:1rem .5rem}.main-card{padding:1.5rem}.main-title{font-size:1.75rem}.feedback-btn{width:100%;justify-content:center}.header-content{flex-direction:column;align-items:stretch}}