*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(179.37deg,#f5f7f0 73.79%,#090909 114.72%);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden}#root{width:100%;max-width:100%}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:linear-gradient(161.69deg,var(--splash-top, #BDEDFA) 59.77%,var(--splash-bottom, #193E68) 121.33%);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.splash-content{text-align:center;padding:40px 20px;max-width:400px;width:100%}.company-logo{margin-bottom:40px}.logo-image{max-width:200px;height:auto}.logo-text{font-size:32px;font-weight:700;color:#2c3e50}.logo-text-hidden{display:none}.splash-illustration{margin:40px 0;display:flex;justify-content:center;align-items:center}.splash-image{max-width:100%;height:auto;max-height:300px;object-fit:contain}.splash-title{font-size:24px;font-weight:600;color:#2c3e50;margin:30px 0 20px}.splash-footer{font-size:14px;color:#7f8c8d;margin-top:40px;display:flex;align-items:center;justify-content:center;gap:6px}.container{width:100%;max-width:100%;background:linear-gradient(161.69deg,var(--splash-top, #BDEDFA) 59.77%,var(--splash-bottom, #193E68) 121.33%);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{background:transparent;padding:24px 20px;text-align:center;border-bottom:none;margin-bottom:0;flex-shrink:0}.header-logo{margin-bottom:8px}.header-logo .logo-image{max-width:100px;height:auto}.header-logo .logo-text{font-size:22px;font-weight:600;color:#2c3e50}.verification-title{font-size:24px;font-weight:700;color:#2c3e50;margin-top:12px;margin-bottom:0;padding-bottom:0}main{flex:1;padding:0;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100%;min-height:0;overflow-y:auto}.camera-section{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;height:100%}.camera-screen{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;background:linear-gradient(161.69deg,var(--splash-top, #BDEDFA) 59.77%,var(--splash-bottom, #193E68) 121.33%);padding:40px 20px;min-height:0;height:100%;box-sizing:border-box}.camera-header{text-align:center;margin-bottom:60px}.camera-logo{margin-bottom:0}.camera-logo-image{max-width:120px;height:auto;margin-bottom:0}.camera-logo-text{font-size:28px;font-weight:600;color:#2c3e50}.camera-logo-text-hidden{display:none}.camera-actions{width:100%;padding:0 20px;max-width:100%}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000008c;color:#fff;z-index:10;border-radius:16px}.loading-dots{display:flex;gap:4px;margin-bottom:8px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.4;animation:loading-dots 1s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-text{font-size:14px;letter-spacing:.05em}@keyframes loading-dots{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.file-input-section{text-align:center;margin:16px 0}.file-input-label{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:#3498db;color:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;border:none}.file-input-label:active{transform:scale(.98)}.file-input-label:hover{background:#2980b9;box-shadow:0 2px 4px #3498db4d}.preview-screen{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1;background:linear-gradient(161.69deg,var(--splash-top, #BDEDFA) 59.77%,var(--splash-bottom, #193E68) 121.33%);padding:40px 20px 20px;min-height:0;height:100%;box-sizing:border-box;overflow-y:auto}.preview-header{text-align:center;margin-bottom:16px;width:100%}.preview-logo{margin-bottom:0}.preview-logo-image{max-width:120px;height:auto;margin-bottom:0}.preview-logo-text{font-size:28px;font-weight:600;color:#2c3e50}.preview-logo-text-hidden{display:none}.preview-content{width:100%;flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:24px}.preview{margin-top:16px;text-align:center}.preview-image-wrapper{position:relative;display:flex;width:100%;height:100vw;max-height:100vw;margin-bottom:16px;z-index:1;align-items:center;justify-content:center;background:#fff;border-radius:16px;overflow:hidden}.preview-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.btn-retake{position:absolute;top:12px;right:12px;background:#0009;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.btn-retake:hover{background:#000c;transform:scale(1.1)}.btn-retake:active{transform:scale(.95)}.btn-retake .btn-icon{font-size:20px}.preview-controls{display:flex;justify-content:center;width:100%;padding:0 20px;margin-top:auto}.btn{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center;touch-action:manipulation}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#16a085;color:#fff}.btn-primary:not(:disabled):hover{background:#138d75;box-shadow:0 2px 8px #16a0854d}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954;box-shadow:0 2px 4px #27ae604d}.btn-icon{font-size:20px}.status{margin-top:16px;padding:12px;border-radius:8px;text-align:center;font-size:14px;min-height:20px}.status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status.loading{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.results-section{margin-top:0;border-top:none;padding:0;display:flex;flex-direction:column;justify-content:center;flex:1;width:100%;min-height:0;height:100%;overflow-y:auto}.result-card{background:#fff;border-radius:16px;padding:36px 24px;text-align:center;box-shadow:0 2px 12px #00000014;margin:0 24px 16px;width:calc(100% - 48px);max-width:calc(100% - 48px)}.product-image-container{position:relative;margin-bottom:32px;display:flex;justify-content:center;align-items:center}.product-image{max-width:180px;max-height:280px;width:auto;height:auto;border-radius:0;box-shadow:none;object-fit:contain}.status-icon-large{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:300;color:#fff;line-height:1;z-index:10}.status-icon-genuine{background:#27ae60}.status-icon-unsure{background:#e74c3c}.status-text{font-size:28px;font-weight:700;margin-top:50px;margin-bottom:24px;letter-spacing:.5px}.status-text-genuine{color:#27ae60}.status-text-unsure{color:#2c3e50}.btn-report{background:#e74c3c;color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;margin-top:0;transition:all .2s ease;letter-spacing:.3px;width:100%}.btn-report:hover{background:#c0392b;box-shadow:0 2px 8px #e74c3c66}.btn-report:active{transform:scale(.98)}.results-actions{margin-top:0;padding:0 20px;width:100%}.btn-full-width{width:100%;justify-content:center;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:600;letter-spacing:.3px;display:flex}.app-footer{text-align:center;padding:16px 20px;color:#95a5a6;font-size:13px;border-top:none;background:linear-gradient(161.69deg,var(--splash-top, #BDEDFA) 59.77%,var(--splash-bottom, #193E68) 121.33%);flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.footer-logo{height:20px;width:auto;vertical-align:middle;object-fit:contain}@media(max-width:480px){body{padding:0}.container{border-radius:0}header{padding:20px 16px 12px}main{padding:0}.btn{padding:12px 20px;font-size:15px;min-width:120px;flex:1}.splash-content{padding:30px 20px}.phone-illustration{width:100px;height:170px}.camera-screen{padding:30px 16px}.camera-header{margin-bottom:40px}.camera-logo-image{max-width:100px}.camera-logo-text{font-size:24px}.camera-actions{padding:0 16px}.preview-screen{padding:32px 16px 16px}.preview-header{margin-bottom:12px}.preview-content{margin-top:20px}.preview-image-wrapper{height:100vw;max-height:100vw}.preview-logo-image{max-width:100px}.preview-logo-text{font-size:24px}.preview-controls{padding:0 16px}.results-section{padding:0}.result-card{padding:32px 24px;margin-left:24px;margin-right:24px;width:calc(100% - 48px);max-width:calc(100% - 48px);border-radius:16px}.results-actions{padding:0 16px}}