@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f8fafc;color:#0f172a}#root{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 4px 6px -1px #0000000d;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid #e2e8f0}.nav-brand{font-size:1.5rem;font-weight:800;color:#2563eb;display:flex;align-items:center;gap:10px}.nav-menu{display:flex;gap:30px}.nav-item{color:#64748b;font-weight:600;cursor:pointer;transition:.2s}.nav-item:hover{color:#2563eb}.nav-btn-login{background:#eff6ff;color:#2563eb;padding:10px 20px;border-radius:8px;font-weight:700}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px 40px;width:100%}.container{width:100%;max-width:1100px;background:#fff;border-radius:24px;box-shadow:0 20px 40px -10px #0000001a;padding:60px;border:1px solid #f1f5f9;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-section{text-align:center;margin-bottom:50px}.header-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:15px;letter-spacing:-1px}.header-subtitle{color:#64748b;font-size:1.1rem}.upload-box{border:3px dashed #cbd5e1;background:#f8fafc;border-radius:20px;padding:60px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-box:hover{border-color:#2563eb;background:#eff6ff}.btn-primary{background:#2563eb;color:#fff;padding:20px 40px;border-radius:12px;border:none;font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .2s;width:100%;max-width:400px;box-shadow:0 10px 20px -5px #2563eb66}.btn-primary:hover{background:#1d4ed8;transform:translateY(-3px)}.btn-primary:disabled{background:#94a3b8;transform:none;box-shadow:none}.btn-change-file{display:inline-block;padding:10px 25px;background:#e2e8f0;color:#475569;border-radius:30px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.2s}.btn-change-file:hover{background:#cbd5e1;color:#1e293b}.video-wrapper{width:100%;max-width:800px;margin:30px auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0003;border:4px solid white}.video-player{width:100%;display:block}.result-section{margin-top:60px;padding-top:50px;border-top:2px dashed #e2e8f0}.table-custom{width:100%;border-collapse:separate;border-spacing:0 10px}.table-custom th{text-align:left;padding:20px;color:#334155;font-weight:800;font-size:1.1rem}.table-custom td{padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:1.1rem;font-weight:500}.table-custom tr:first-child td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.table-custom tr:first-child td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.badge{padding:10px 20px;border-radius:30px;font-weight:800;font-size:.9rem;letter-spacing:.5px}.badge-pass{background:#dcfce7;color:#166534;border:1px solid #86efac}.badge-fail{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.final-score{text-align:center;font-size:4rem;font-weight:900;color:#2563eb;margin:50px 0;padding:40px;background:#eff6ff;border-radius:24px;border:3px solid #dbeafe}.feedback-box{background:#fff;border:1px solid #e2e8f0;padding:40px;border-radius:20px;line-height:1.8;font-size:1.1rem}.feedback-title{font-size:1.3rem;font-weight:800;display:block;margin-bottom:15px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#cbd5e1}.text-success{color:#166534}.text-danger{color:#b91c1c}.action-buttons{display:flex;gap:20px;margin-top:50px}.btn-download,.btn-reset{flex:1;padding:20px;border-radius:16px;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:10px}.btn-download{background:#059669;color:#fff;box-shadow:0 4px 6px #05966933}.btn-download:hover{background:#047857;transform:translateY(-3px);box-shadow:0 10px 15px #0596694d}.btn-reset{background:#475569;color:#fff;box-shadow:0 4px 6px #47556933}.btn-reset:hover{background:#334155;transform:translateY(-3px);box-shadow:0 10px 15px #4755694d}.footer{background:#0f172a;color:#94a3b8;width:100%;padding:40px;text-align:center;margin-top:auto;border-top:4px solid #2563eb}@media(max-width:768px){.nav-menu{display:none}.container{padding:30px 20px}.final-score{font-size:3rem}.action-buttons{flex-direction:column}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.loading-content{display:flex;align-items:center;justify-content:center;gap:12px}