*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:8px;border:none;cursor:pointer;font-size:16px;transition:all .3s ease}.btn:hover{background-color:#0056b3;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#1e7e34}.card{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.mb-4{margin-bottom:1.5rem}.mt-4{margin-top:1.5rem}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#007bff}.form-select{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;background-color:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#007bff}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-item{display:flex;align-items:center;gap:8px;padding:12px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-item:hover{border-color:#007bff;background-color:#f8f9ff}.radio-item.selected{border-color:#007bff;background-color:#e7f3ff}.radio-item input[type=radio]{margin:0}.score-display{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:12px;text-align:center;margin:20px 0}.score-number{font-size:3rem;font-weight:700;margin-bottom:10px}.score-label{font-size:1.2rem;opacity:.9}.header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem 0;margin-bottom:2rem}.header h1{font-size:2.5rem;margin-bottom:.5rem}.header p{font-size:1.2rem;opacity:.9}.navigation{background:white;padding:1rem 0;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#333;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{background-color:#007bff;color:#fff}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-links{flex-direction:column;gap:.5rem}.header h1{font-size:2rem}}.table-responsive{overflow-x:auto;margin:1rem 0}.table{width:100%;border-collapse:collapse;margin:1rem 0;background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e9ecef}.table th{background-color:#f8f9fa;font-weight:600;color:#495057}.table tr:hover{background-color:#f8f9fa}.table tr:last-child td{border-bottom:none}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-label input[type=radio]{margin-right:.5rem}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.grid-1{display:grid;grid-template-columns:1fr;gap:1rem}.form-radio{width:18px;height:18px;margin:0;cursor:pointer}.table th{font-size:12px;padding:8px 4px;text-align:center;white-space:nowrap}.table td{padding:8px 4px;text-align:center;vertical-align:middle}.table td:first-child{font-weight:600;background-color:#f8f9fa;text-align:center;width:60px}.table td:nth-child(2){text-align:left;padding-left:12px;padding-right:12px}@media (max-width: 768px){.table-responsive{font-size:12px}.table th,.table td{padding:4px 2px}.table th{font-size:10px}}