.contact-form-container{width:100%}.contact-form{gap:16px;display:grid}.contact-form-field{gap:6px;display:grid}.contact-form-label{color:#536d8f;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:800}.contact-form-input,.contact-form-textarea{color:#0f1f2d;width:100%;font:inherit;background:#f6f9fa;border:1px solid #7b899747;border-radius:10px;padding:12px 14px;font-size:.95rem;transition:border-color .15s,background .15s,box-shadow .15s}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#9aa8b3}.contact-form-input:focus,.contact-form-textarea:focus{background:#fff;border-color:#00a49a;outline:none;box-shadow:0 0 0 3px #00a49a26}.contact-form-input--warning{border-color:#db7b2b}.contact-form-textarea{resize:vertical;min-height:100px;line-height:1.5}.contact-form-warning{color:#db7b2b;margin:0;font-size:.82rem;font-weight:700}.contact-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.contact-form-submit,.contact-form-cancel{min-height:42px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0 20px;font-size:.9rem;font-weight:800;transition:transform .12s,box-shadow .15s,border-color .15s,color .15s}.contact-form-submit{color:#fff;background:linear-gradient(135deg,#00a49a,#76d2ca);box-shadow:0 8px 20px #00a49a47}.contact-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #00a49a5c}.contact-form-cancel{color:#536d8f;background:0 0;border-color:#7b899747}.contact-form-cancel:hover:not(:disabled){color:#0f1f2d;border-color:#536d8f}.contact-form-submit:disabled,.contact-form-cancel:disabled{opacity:.55;cursor:not-allowed;transform:none}.contact-form-success,.contact-form-error{border-radius:8px;margin:0;padding:10px 12px;font-size:.86rem;font-weight:750}.contact-form-success{color:#0a7a5f;background:#0a7a5f17}.contact-form-error{color:#c0392b;background:#c0392b17}.shared-contact-us-trigger{color:#00a49a;width:fit-content;font:inherit;cursor:pointer;background:0 0;border:0;margin:.5rem auto 0;padding:0;font-weight:800;text-decoration:none;display:block}.shared-contact-us-trigger:hover{text-decoration:underline}.shared-contact-us-floating{z-index:100000;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172adb;border:1px solid #ffffff47;border-radius:999px;margin:0;padding:10px 14px;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 36px #0c17223d}.shared-contact-us-floating:hover{border-color:#ffffff8c;text-decoration:none}.shared-contact-modal-backdrop{z-index:100001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1722b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shared-contact-modal{color:#fff;text-align:left;background:#0f172af0;border:1px solid #ffffff38;border-radius:16px;width:min(100%,440px);max-height:calc(100vh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0c17223d}.shared-contact-modal,.shared-contact-modal *{color:#fff!important}.shared-contact-modal h2{color:#fff;margin:0 0 18px;font-size:1.35rem;line-height:1.25}.shared-contact-modal .contact-form-input,.shared-contact-modal .contact-form-textarea{background:#ffffff1a;border-color:#ffffff4d}.shared-contact-modal .contact-form-input:focus,.shared-contact-modal .contact-form-textarea:focus{color:#fff;background:#ffffff24}.shared-contact-modal .contact-form-input::placeholder,.shared-contact-modal .contact-form-textarea::placeholder{color:#fff;opacity:1}.shared-contact-modal .contact-form-cancel{background:0 0;border-color:#fff6}.shared-contact-modal .contact-form-cancel:hover:not(:disabled){border-color:#ffffffb3}.shared-contact-modal-close{color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:50%;font-size:1.35rem;line-height:1;position:absolute;top:12px;right:12px}.shared-contact-modal-close:hover{border-color:#ffffffb3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;min-height:100vh;padding:1rem;display:flex}.app-header{text-align:center;padding:1rem 0 1.5rem}.app-header h1{letter-spacing:-.5px;text-shadow:0 2px 8px #00000040;font-size:2.2rem;font-weight:800}.subtitle{opacity:.8;margin-top:.25rem;font-size:.95rem}.app-main{flex:1;grid-template-columns:2fr 1fr;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:grid}.camera-section{position:relative}.video-container{aspect-ratio:4/3;background:#0000004d;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.video-container video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.overlay-message{color:#fff;z-index:10;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;display:flex;position:absolute;inset:0}.overlay-message.error{color:#ff6b6b;background:#000000b3}.start-icon{margin-bottom:.5rem;font-size:3rem}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffff4d;border-radius:50px;margin-top:.5rem;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #0003}.start-btn:hover{border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.start-btn:active{transform:translateY(0)}.spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0003}.stats-section h2{text-align:center;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.stat-card{background:#ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.stat-card:hover{background:#ffffff24}.stat-label{opacity:.85;font-size:.9rem;font-weight:500}.stat-value{font-size:1.1rem;font-weight:700}.stat-value.success{color:#0f8}.stat-value.failure{color:#ff6b6b}.stat-value.status-good{color:#0f8}.stat-value.status-weak{color:#fd0}.stat-value.status-low{color:#ff6b6b}.info-box{opacity:.8;background:#ffffff0f;border-radius:12px;margin-top:auto;padding:1rem;font-size:.82rem;line-height:1.6}.info-box p{margin-bottom:.4rem}.info-box p:last-child{margin-bottom:0}@media (width<=768px){.app-main{grid-template-columns:1fr}.app-header h1{font-size:1.6rem}.stats-section{order:2}.camera-section{order:1}}