:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{flex-direction:column;align-items:stretch;min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex}.login-wrapper{flex-direction:column;gap:1.5rem;width:100%;max-width:100%;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.logo-container{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.logo-icon{color:#667eea;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name{color:#1a202c;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.login-title{color:#1a202c;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.login-subtitle{color:#718096;margin:0;font-size:.9rem;line-height:1.5}.login-card{background:#fff;border-radius:16px;width:100%;padding:2rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-fields{flex-direction:column;gap:1.25rem;margin-bottom:.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#374151;font-size:.875rem;font-weight:500;line-height:1.5}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-action-wrapper{z-index:2;justify-content:center;align-items:center;width:3rem;display:flex;position:absolute;top:0;bottom:0;right:0}.form-input{color:#1f2937;appearance:none;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;min-height:48px;padding:.875rem 1rem;font-size:1rem;line-height:1.5;transition:all .2s}.form-input-password{padding-right:3rem}.form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#9ca3af}.form-input:disabled{cursor:not-allowed;opacity:.6;background:#f9fafb}.password-toggle{cursor:pointer;color:#6b7280;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .2s;display:flex}.password-toggle:hover{color:#667eea;background:#667eea1a}.password-toggle:active{background:#667eea26;transform:scale(.95)}.password-toggle svg{flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px;display:block}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.error-icon{flex-shrink:0;width:20px;height:20px;margin-top:.125rem}.error-text{flex:1;font-size:.875rem;line-height:1.5}.form-actions{border-top:1px solid #e5e7eb;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.5rem;display:flex}.login-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#667eea;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;padding-top:1rem}.footer-text{color:#6b7280;margin:0;font-size:.875rem}.footer-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:#5568d3;text-decoration:underline}@media (min-width:768px){.login-container{padding:2rem}.login-wrapper{gap:2rem;max-width:420px}.login-card{border-radius:20px;padding:2.5rem}.login-title{font-size:2rem}.login-subtitle{font-size:.95rem}.brand-name{font-size:1.75rem}.logo-icon{width:36px;height:36px}}@media (min-width:1024px){.login-wrapper{max-width:480px}.login-card{padding:3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-input{padding:1rem 1rem 1rem 3rem;font-size:1rem}.login-button{padding:1rem 1.5rem;font-size:1rem}}.login-button:focus-visible,.form-input:focus-visible,.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.login-container{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%)}.login-card{background:#1f2937;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.brand-name,.login-title{color:#f9fafb}.login-subtitle{color:#d1d5db}.form-label{color:#e5e7eb}.form-input{color:#f9fafb;background:#374151;border-color:#4b5563}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-input::placeholder{color:#9ca3af}.form-input:disabled{background:#1f2937}.input-icon-wrapper .input-icon{color:#6b7280}.password-toggle{color:#9ca3af}.password-toggle:hover{background:#667eea26}.form-actions{border-top-color:#374151}.footer-text{color:#9ca3af}}.card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #667eea80}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eeab3}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-4px);box-shadow:0 6px 16px #667eeacc}.card h3{opacity:.9;margin:0 0 .5rem;font-size:.9rem;font-weight:500}.card-value{margin:0;font-size:2.5rem;font-weight:700}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#333;margin:0}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:2rem;line-height:1;display:flex}.modal-close:hover{color:#333}.modal-error{color:#c33;background:#fee;border:1px solid #fcc;border-radius:5px;margin:1rem 1.5rem;padding:1rem}.modal-content form{padding:1.5rem}.modal-content form h3{color:#555;border-bottom:1px solid #eee;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.modal-content form h3:first-child{margin-top:0}.form-group label{color:#333;margin-bottom:.5rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-group label:has(input[type=checkbox]){cursor:pointer;align-items:center;display:flex}.modal-actions{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:5px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s}.modal-actions button[type=button]:hover:not(:disabled){background:#5a6268}.modal-actions button[type=submit]:hover:not(:disabled){background:#5568d3}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.modal-content{border-radius:0;max-width:100%;max-height:100vh;margin:0}.modal-header,.modal-content form{padding:1rem}}.loading-spinner-container{flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.loading-spinner{border:6px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.loading-text{color:#555;font-size:1.1rem;font-weight:500}.admin-dashboard{color:#000;background:#f5f5f5;width:100%;min-height:100vh;overflow-x:hidden}.dashboard-header{background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 4px #0000001a}.logout-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:5px;padding:.5rem 1rem;transition:background-color .3s}.logout-btn:hover{background-color:#b52a3a}.dashboard-content{flex-direction:column;width:100%;margin:0;padding:2rem;display:flex}.dashboard-main-wrapper{flex-wrap:wrap;gap:2rem;width:100%;margin-top:2rem;display:flex}.dashboard-nav{flex-direction:column;flex-shrink:0;gap:.5rem;min-width:200px;display:flex}.dashboard-nav button{cursor:pointer;text-align:left;color:#000;background:#fff;border:1px solid #ddd;border-radius:5px;padding:1rem;transition:all .3s}.dashboard-nav button:hover{background:#f0f0f0}.dashboard-main{background:#fff;border-radius:10px;flex:1;min-width:300px;padding:2rem;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.stats-cards-top{width:100%;margin-bottom:0;padding-bottom:2rem}.loading{text-align:center;color:#666;padding:2rem}.dashboard-overview{width:100%}.dashboard-overview h2{color:#333;margin-bottom:1.5rem}.dashboard-overview h3{color:#555;margin-top:2rem;margin-bottom:1rem}.summary-section{margin-top:2rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.section-summary{margin-bottom:1.5rem;display:inline-block}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;padding:1.5rem;box-shadow:0 2px 6px #667eea80}.stat-card h3{opacity:.9;margin:0 0 .5rem;font-size:.9rem}.stat-value{margin:0;font-size:2.5rem;font-weight:700}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-header>div{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.table-header button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;padding:.5rem 1rem;transition:background-color .3s}.table-header button:hover{background-color:#5869c8}.data-table{border-collapse:collapse;width:100%;overflow-x:auto}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ddd;padding:.75rem}.data-table th{background:#f8f9fa;font-weight:600}.data-table button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:3px;margin-right:.5rem;padding:.25rem .75rem;font-size:.875rem;transition:background-color .3s}.data-table button:hover{background-color:#5869c8}.data-table button:last-child{background:#dc3545}.data-table button:last-child:hover{background-color:#b52a3a}@media (max-width:768px){.dashboard-content,.stats-cards-top{padding:1rem}.dashboard-main-wrapper{flex-direction:column;gap:1rem;margin-top:1rem}.dashboard-nav{flex-direction:row;gap:.5rem;width:100%;min-width:auto;overflow-x:auto}.dashboard-nav button{text-align:center;flex:1 0 auto;min-width:100px}.dashboard-main{width:100%;min-width:auto;padding:1rem}.table-header{flex-direction:column;align-items:flex-start}.table-header>div{gap:.5rem;margin-top:1rem}.data-table th,.data-table td{white-space:normal}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}*{box-sizing:border-box}.agent-dashboard{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dashboard-header{z-index:100;background:#fff;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-header h1{color:#1a202c;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.dashboard-header>div{flex-wrap:wrap;gap:.75rem;display:flex}.scan-btn,.logout-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:120px;min-height:48px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.scan-btn{color:#fff;background:#667eea}.scan-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.scan-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.logout-btn{color:#fff;background:#dc3545}.logout-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.logout-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #dc35454d}.scan-btn:disabled,.logout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-content{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1rem;display:flex}.dashboard-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav button{cursor:pointer;text-align:center;color:#374151;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-shrink:0;min-height:48px;padding:.875rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s}.dashboard-nav button:hover{color:#667eea;background:#f9fafb;border-color:#667eea}.dashboard-nav button.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.dashboard-main{background:#fff;border-radius:16px;flex:1;width:100%;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-section{background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-section h2{color:#1a202c;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.profile-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.profile-item{flex-direction:column;gap:.25rem;display:flex}.profile-item strong{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.profile-item span{color:#1a202c;font-size:1rem;font-weight:600}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}.stat-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px -2px #00000026,0 4px 6px -1px #0000001a}.stat-card h3{opacity:.95;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.875rem;font-weight:500}.stat-value{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.875rem}.data-table th{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;font-size:.875rem;font-weight:600}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{color:#1a202c;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.auto-select-hint{color:#059669;margin-top:.5rem;font-size:.875rem;font-weight:500;display:block}.modal-actions{border-top:1px solid #e5e7eb;flex-direction:column;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:10px;width:100%;min-height:48px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.modal-actions button[type=button]{color:#fff;background:#6c757d}.modal-actions button[type=button]:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.modal-actions button[type=submit]{color:#fff;background:#667eea}.modal-actions button[type=submit]:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.modal-actions button:active{transform:translateY(0)}.webcam-video{border-radius:12px;width:100%;margin-bottom:1rem}@media (min-width:768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 2rem}.dashboard-header h1{font-size:1.75rem}.dashboard-header>div{flex-wrap:nowrap}.scan-btn,.logout-btn{flex:0 auto;min-width:auto}.dashboard-content{gap:2rem;padding:2rem}.dashboard-nav{flex-direction:column;min-width:200px;overflow-x:visible}.dashboard-nav button{text-align:left}.dashboard-main{border-radius:20px;padding:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-value{font-size:2.5rem}.modal-content{padding:2rem}.modal-actions{flex-direction:row}.modal-actions button{flex:1;width:auto}}@media (min-width:1024px){.dashboard-content{flex-direction:row;align-items:flex-start}.dashboard-nav{min-width:220px}.profile-details{grid-template-columns:repeat(4,1fr);gap:1.5rem}.profile-item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.25rem}.profile-item strong{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-table{font-size:1rem}.data-table th,.data-table td{padding:1rem}}.scan-btn:focus-visible,.logout-btn:focus-visible,.dashboard-nav button:focus-visible,.modal-actions button:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.agent-dashboard{color:#f9fafb;background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%)}.dashboard-header{background:#1f2937;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dashboard-header h1{color:#f9fafb}.dashboard-main{background:#1f2937;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dashboard-nav button{color:#e5e7eb;background:#374151;border-color:#4b5563}.dashboard-nav button:hover{color:#667eea;background:#4b5563;border-color:#667eea}.dashboard-nav button.active{color:#fff;background:#667eea}.data-table th{color:#e5e7eb;background:#374151}.data-table th,.data-table td{color:#e5e7eb;border-bottom-color:#4b5563}.data-table tbody tr:hover{background:#374151}.modal-content{background:#1f2937;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-content h2{color:#f9fafb}.form-group label{color:#e5e7eb}.form-group input,.form-group textarea{color:#f9fafb;background:#374151;border-color:#4b5563}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.modal-actions{border-top-color:#4b5563}}#root{margin:0 auto}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}